Polygonal and distorted hotspot zorder in html5

jeromebg

Profi

Beiträge: 1 120

Wohnort: Angers - France

Beruf: 360 experiences creator

Freitag, 12. Dezember 2014, 15:15

Polygonal and distorted hotspot zorder in html5

Hi, I would like my polygonal hotspot on top of a ditorted hotspot, works perfect in flash but in html5 my distorted hotspot always stays on top of the polygonal hotspot even with zorder2 setting ?

Quellcode

<hotspot name="porte1" url="niveau1_3porte1.jpg" distorted="true" onloaded="calc_pos_from_hfov_yaw_pitch_roll(62,69.01,-0.71,-1.86)" alpha="1" onover="tween(alpha,1)" onout="tween(alpha,0)" zorder2="0.0" zorder="0"/>
<hotspot name="porte2" url="niveau1_3porte2.jpg" distorted="true" onloaded="calc_pos_from_hfov_yaw_pitch_roll(27,11.62,-0.71,0.26)" alpha="0" onover="tween(alpha,1)" onout="tween(alpha,0)" zorder2="0.0" zorder="0"/>

	<hotspot name="briere" fillcolor="0xaaaaaa" fillalpha="0.5" borderwidth="0.0" bordercolor="0xaaaaaa" borderalpha="0.0" enabled="false" handcursor="false"   zorder2="1" zorder="1"
	         >
		<point ath="-45.526769" atv="6.415627" />
		<point ath="21.245838" atv="5.408163" />
		<point ath="98.611434" atv="5.924118" />
		<point ath="152.640868" atv="4.665476" />
		<point ath="167.857022" atv="4.487567" />
		<point ath="-175.093413" atv="5.438" />
		<point ath="-172.36827" atv="5.989895" />
		<point ath="-169.857807" atv="7.123672" />
		<point ath="-162.482515" atv="6.625366" />
		<point ath="-159.054918" atv="6.762422" />
		<point ath="-136.732897" atv="6.764278" />
		<point ath="-133.611125" atv="7.048003" />
		<point ath="-132.448325" atv="6.895559" />
		<point ath="-125.02458" atv="7.351342" />
		<point ath="-123.697053" atv="7.878371" />
		<point ath="-76.014642" atv="7.184439" />
		<point ath="-75.64029" atv="6.563711" />
	</hotspot>

Is there a workaround ?

Thanx !

Zum Seitenanfang

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

Freitag, 12. Dezember 2014, 21:09

I see in documentation that zorder2 is not supported for polygonal hotstpot. Maybe it is but it is not documented. In case not documented by reason that could lead to conclusion that zorder2 is realy not supported on that type of hotspots.
Workaround: Don't know if your posted polygonal hotspot is something you want to achieve or just example but in case you want to get kind of circle area you can use simple circle png image and scale it e.g. scale="25" and put it on atv="90" and you will have something similar.
Just a thought *rolleyes*

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Samstag, 13. Dezember 2014, 13:29

Hi,

no sorry, that's not possible, all polygonal hotspots were drawn together at an internal 'SVG' layer that is below the normal hotspots. Mixing the order of polygonal and normal/distorted hotspots is not possible in HTML5.

Best regards,
Klaus

Zum Seitenanfang

omegas

Anfänger

Beiträge: 38

Mittwoch, 27. April 2016, 16:53

I have polygonal hotspots that upper than normal in html5 and below in flash. How i can put polygonal hotspots below normal in html5?

v1.9

flash

html5

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Mittwoch, 27. April 2016, 17:25

Hi,

it works that way in html5:

first the webgl content will be rendered - today (1.19-pr4) this is pano and the image/video hotspots by default (could be changed by the renderer setting)
then above the webgl content the html5 content be rendered - that's are hotspots with renderer=css3d, textfield hotspots and polygonal hotspots (drawn via svg) and the layer elements.

Mixing webgl and html content is not possible.

But support for rendering the polygonal hotspots also via webgl is in work - then mixing/ordering them other webgl-drawn hotspots will be possible.

Best regards,
Klaus