You are not logged in.

1

Saturday, October 22nd 2011, 6:04pm

Opening/closing of doors in a pano

I was trying to use the example in the demotour of "weingut". This is the code I'm using for the hover area and the image itself:

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
		<hotspot name="door"
		         devices="flash"
			     url="hotspot.jpg"
			     distorted="true"
			     visible="false"
			     enabled="false"
			     ath="0"
			     atv="0"
			     width="318.181818"
			     height="590.909090"
			     edge="lefttop"
			     ox="-91.818181"
			     oy="-167.272727"
			     alpha="0.0"
			     />
	
		<!-- invisible polygonal hotsppot as 'hit area' for the door hotspot
			(for HTML5 an animated gif is used as alternative) -->
		<hotspot name="door_hitarea"
		         style="alt_hotspot_ani_white"
			     ath="11" 
			     atv="6"
		         alpha="0"
		         capture="false"
		         onover="set(hotspot[door].visible,true); tween(hotspot[door].alpha,1,0.4);"
			     onout="if(enabled, tween(hotspot[door].alpha,0.0,0.4,default,set(hotspot[door].visible,false)) );"
			     onclick="set(enabled,false);
			              set(view.maxpixelzoom,null);
			              set(view.fovmin,28);
			              lookto(10.7, 3.5, 42);
			              loadscene(scene_vorraum, null, MERGE, BLEND(2));
			              lookat(-94, 19, 97);
			              wait(LOAD);
			              oninterrupt(break);
			              wait(BLEND);
			              lookto(-352.7, -1.6, 108, smooth(45,45,60), false);
			             "
			>
			<point ath="  0.2451" atv="-13.0911" />
			<point ath="  9.5232" atv="-12.6311" />
			<point ath=" 18.9875" atv="-12.5328" />
			<point ath=" 19.5338" atv=" 10.7739" />
			<point ath=" 15.7329" atv=" 11.3926" />
			<point ath=" 15.6678" atv=" 25.4866" />
			<point ath="  8.4078" atv=" 25.7356" />
			<point ath="  8.4083" atv=" 27.0813" />
			<point ath="  2.7864" atv=" 26.7555" />
			<point ath="  1.7124" atv=" 27.8670" />
			<point ath=" -0.9187" atv=" 27.0069" />
			<point ath=" -1.4939" atv=" 11.6458" />
			<point ath=" -0.6737" atv=" -5.2171" />
		</hotspot>																																																																																																



I need to know how to change the location of the hover area, the size of it, and what image it uses. I have two versions of all my panos for doors opened and closed and I'm trying to get the doors to open when I hover over a door. Also, what are all the "pint ath atv" tags for, what do they represent? Thanks for any help.

2

Saturday, October 22nd 2011, 10:35pm

Those points define the area. Add the editor plugin to your pano and you will see the actual points when you click the hotspot button.

3

Sunday, October 23rd 2011, 2:58am

Those points define the area. Add the editor plugin to your pano and you will see the actual points when you click the hotspot button.


Thanks! How would I then get the correct distortion, width, height, ox, oy etc. I want it to perform the same as the "interactivearea" demo, where I hover over the door area and it displays the different tile (the one with the door opened). I have the point tags set for the hotspot now thanks to you :).

4

Thursday, October 27th 2011, 1:18pm

Hi,
How would I then get the correct distortion, width, height, ox, oy etc.
here a tutorial for that:
Example/Tutorial - interactive area in the pano (aligned distorted hotspot)

best regards,
Klaus