sliding door hotspot

nikonutsch · January 2, 2023 at 4:41 PM

dear forum members

in a recent panorama tour i use image hotspots as sliding doors.

with a simple onclick="tween(ox,-750,4,easeinoutquint)" this works very well.

my wish would now be to start the open-action when the sliding door comes into view.

something like actionstart on look to sliding door-hotspot

thanks for help

klaus

Tuur · January 2, 2023 at 6:02 PM

Hi
Best is do a search on getlooktodistance in the forum and also have a look here:

https://krpano.com/docu/actions/#getlooktodistance

Hope it helps,
Tuur

nikonutsch · January 2, 2023 at 8:18 PM

i ll have a look.thanks to tuur
lg klaus

nikonutsch · January 3, 2023 at 2:26 PM

dear forumpeople

Isn't there a simple example for my problem.
the postings to getlooktodistance are too complicated for me.

I use a hotspot as a sliding door and it should open when the camera looks at it.
What is the standard procedure; what information do I have to read out and how is it passed on.

wbr klaus

example: in the 2nd and the 3d scene my sliding doors are used. currently the doors can be opened with onclick....

https://360.tirol/leo23/

kme · January 3, 2023 at 3:12 PM

Here is a simple example :

http://krpano.kri-soft.be/examples/getlooktodistance/

basically

setup scene with 2 hotspots
one hotspot has "click" action associated, the other no action
we setup an onviewchanged() event that will check if we look at the second hotspot
when event is triggered, we use getlooktodistance with the targethotspot. if the view angle < 20, we change the color. If view angle > 20, we revert the color back

Code

<scene name="scene_1" autoload="true"  title="a1" onstart="">
		<preview type="grid(cube,16,16,512,0xCCCCCC,0x666666,0x999999);" details="16"/>
		<hotspot type="text" html="clickme" name="colorspot" ath="10" atv="0" width="100" height="100" bgcolor="0xff0000" onclick="swapcolor(colorspot)"></hotspot>
		<hotspot type="text" html="lookatme" name="colorspot2" ath="90" atv="0" width="100" height="100" bgcolor="0xff0000"></hotspot>
	</scene>	
	
	<action name="swapcolor" args="name">
		trace(get(name));
		set(hs, get(hotspot[get(name)]));
		if (hs.bgcolor == "0xff0000", set(hs.bgcolor, "0x00ff00"), set(hs.bgcolor,"0xff0000"));
	</action>
	
	<events name="check_viewathotspot_colorspot2" keep="true" onviewchanged="togglehotspot"/>
	
	  <action name="togglehotspot" scope="local">
		getlooktodistance(current_angle, hotspot[colorspot2].ath, hotspot[colorspot2].atv);
		set(hs, get(hotspot[colorspot2]));
		if (current_angle LT 20,
			<!-- dosomething when hotspot is in viewing range -->
			set(hs.bgcolor, "0x00ff00");
			,
			set(hs.bgcolor, "0xff0000");
			);


		trace(get(current_angle));
	  </action>

Display More

nikonutsch · January 3, 2023 at 6:35 PM

wonderful

this is the right example for my level
Many Thanks
wbr
klaus

ps now,the "thing" works perfect

https://360.tirol/leo23/

ramirox3 · January 3, 2023 at 11:44 PM

Hello KME, I adapted your code to help me show a photo that I have as a hotspot with alpha="0", when going through the assigned angle range. She worked perfectly in a scene where that event occurs only once. In the following scene I have 2 photographs to show at different points,
but it only shows me a photograph, I reverse the order of the codes and it always shows me the one in the last place.

getlooktodistance(current_angle, hotspot[oapv_foto].ath,
hotspot[oapv_photo].atv);
set(hs, get(hotspot[oapv_foto]));

if (current_angle LT 30,

set(hs.alpha, "1");
,
set(hs.alpha, "0");
);

trace(get(current_angle));
</action>

getlooktodistance(current_angle, hotspot[ao_f].ath, hotspot[ao_f].atv);
set(hs, get(hotspot[ao_f]));

if (current_angle LT 30,

set(hs.alpha, "1");
,
set(hs.alpha, "0");
);

trace(get(current_angle));
</action>

I placed this action outside the scenes:
<action name="swapalpha" args="name">
trace(get(name));
set(hs, get(hotspot[get(name)]));
if (hs.alpha == "0", set(hs.alpha, "1"), set(hs.alpha,"0"));
</action>

What am I doing wrong?

kme · January 4, 2023 at 9:17 AM

First, you have a typo:

Code

getlooktodistance(current_angle, hotspot[oapv_foto].ath, hotspot[oapv_photo].atv);

foto / photo

But I think your problem is because krpano only allows for one onviewchanged() event to be defined, so my suggestion would be to put both the checks inside the same action and only define one event.

So something like this (untested):

Code

<events name="check_viewathotspot" keep="true" onviewchanged="togglehotspot"/>
<action name="togglehotspot" scope="local">


	getlooktodistance(current_angle, hotspot[oapv_foto].ath,hotspot[oapv_foto].atv);
	set(hs, get(hotspot[oapv_foto]));


	if (current_angle LT 30,
	<!-- dosomething when hotspot is in viewing range -->
	set(hs.alpha, "1");
	,
	set(hs.alpha, "0");
	);


	trace(get(current_angle));


	getlooktodistance(current_angle, hotspot[ao_f].ath, hotspot[ao_f].atv);
	set(hs, get(hotspot[ao_f]));


	if (current_angle LT 30,
	<!-- dosomething when hotspot is in viewing range -->
	set(hs.alpha, "1");
	,
	set(hs.alpha, "0");
	);


	trace(get(current_angle));
</action>

Display More

ramirox3 · January 4, 2023 at 2:22 PM

Thank you. Kme
Work perfectly.
I tried many variants.
I was very close to the solution, but my level of coding is my limitation

kme · January 4, 2023 at 2:49 PM

Glad it was useful! Feel free to reach out if you need help...

San7 · January 4, 2023 at 3:44 PM

Hello, can you just add doors to the hotspot

Code

onloaded="drag()" ox="0"	 
drag="adjusthlookat(10);
   if( (ath LT calc(view.hlookat + 30)) AND (ath GT calc(view.hlookat - 30)), 
     if(ox == 0, tween(ox, -750)); 	
     ,	
     if(ox == -750, tween(ox, 0));	
   );	 
  delayedcall(0.01, if(drag, drag()) );					
"

or so

Code

onloaded="drag()" ox="0" 
drag="getlooktodistance(cur_angle, ath, atv); 
 if( cur_angle LE 30,  
  tween(ox, -200); 	
  ,	
  tween(ox, 0);	
 );	 
delayedcall(0.01, if(drag, drag()) );					
"

nikonutsch · January 8, 2023 at 2:24 PM

dear San7
thank you for this great solution. it makes working with a lot of hotspots much easier!!!!!!!!!!!!!

San7 · January 8, 2023 at 2:50 PM

Quote from nikonutsch

dear San7
thank you for this great solution. it makes working with a lot of hotspots much easier!!!!!!!!!!!!!

You can add this code to the style and use it for all hotspots.
And also write the offset value ox into a separate attribute in the hotspot and set it for each door individually. The code will become much shorter

nikonutsch · January 9, 2023 at 6:13 PM

a new problem

with this code i can get all hotspots with x at the beginning of the title

Code

<events name="check_viewathotspot" keep="true" onviewchanged="slideingdoor"/>
<action name="slideingdoor">
for(set(i,0), i LT hotspot.count, inc(i),
copy(hs,hotspot[get(i)]);
hs.getcenter(hs_h, hs_v);
getlooktodistance(d, hs_h, hs_v);
subtxt(destVar,get(hs.name),0, 1);
if(destVar == "x",
if(d LT 40,
set(hs.ox, 200);
,
set(hs.ox, -200);
);
);
);


</action>

Display More

but when i try a tween instead of set, nothing happens any more

Code

<action name="slideingdoor">
for(set(i,0), i LT hotspot.count, inc(i),
copy(hs,hotspot[get(i)]);
hs.getcenter(hs_h, hs_v);
getlooktodistance(d, hs_h, hs_v);
subtxt(destVar,get(hs.name),0, 1);
if(destVar == "x",
if(d LT 40,
tween(hs.ox, 200,3); ,
tween(hs.ox, -200,3); );); );
</action>

Display More

there is a problem with this code. it doesn't work
wbr klaus

indexofrefraction · January 9, 2023 at 7:07 PM

Quote from nikonutsch

with this code i can get all hotspots with x at the beginning of the title

hi... just fyi..
best use the source code button (#) if you post code.
otherwise yr code is difficult to read and people wont help.

about the tween... this probably works
tween(hotspot[get(hs.name)].ox, -200,3);

nikonutsch · January 10, 2023 at 12:31 PM

thanks everyone for the great help

Finally, I added a variable so and sc to the door hotspots in order to use different opening states of the sliding doors

Code

<hotspot name="x_sd1"
 type="image"
 url="skin/türop1.jpg"
 keep="false"
 renderer="webgl"
 visible="true"
 enabled="true"
 capture="false" 
 handcursor="true"
 cursor="pointer"
 maskchildren="false"
 zorder=""
 style=""
 ath="00" atv="0.000"
 edge="center"
 zoom="false"
 distorted="true"
 rx="0.0" ry="0.0" rz="0.0"
 width="500" height="800"
 scale="1"
 rotate="0"
 alpha="1"
 so="-1500"
 sc="1100" 


/>

Display More

Code

<events name="check_viewathotspot" keep="true" onviewchanged="slidingdoor"/>
<action name="slidingdoor">
for(set(i,0), i LT hotspot.count, inc(i),
copy(hs,hotspot[get(i)]);
hs.getcenter(hs_h, hs_v);
getlooktodistance(d, hs_h, hs_v);
subtxt(destVar,get(hs.name),0, 1);
if(destVar == "x",
if(d LT 40,
tween(hotspot[get(hs.name)].ox, get(hotspot[get(hs.name)].so) ,3);
,
tween(hotspot[get(hs.name)].ox, get(hotspot[get(hs.name)].sc) ,3);
);
);
);


</action>

Display More

Participate now!