I am very interested in this feature, I have stopped a project waiting to use the polygonal hotspots in HTML5.
I would greatly appreciate knowing the date that krpano have this functionality.
I am very interested in this feature, I have stopped a project waiting to use the polygonal hotspots in HTML5.
I would greatly appreciate knowing the date that krpano have this functionality.
I'm in the same situation and had to move the project from PanoTour Pro 2 (based on krpano) to a competitor software with this feature available since 2012. Very bad feeling we are being left behind.
When implementing this feature my suggestion is to have a detection for touchscreen devices (tablets/smartphones):
The Desktop version has the rollover option, so we can see the hotspot only when hovering it.
It would be nice to also have an option in the settings to turn the polygon hotspot visibility ON/OFF by default when detecting touchscreen devices. It would make it easier to see (or not) the polygon hotspot – as needed by each project – in devices without the hovering feature available.
Hope we get some good news in this feature soon.
Why would you stop the projects by the facts that poligonal hotspots are not HTML5 supported.
You can use regular images to capture events and that's it. Make them aligned with this tutorial if needed. Make them invisible just for catching the mouse/touch events
https://krpano.com/forum/wbb/inde…d&threadID=7272
Example (works on Flash and HTML5 mouse/touchdevices): Example
There is a catch of pixelhittest on transparent part of the image that also capture the events but using smaller images can be nice workaround.
Why would you stop the projects by the facts that poligonal hotspots are not HTML5 supported.
You can use regular images to capture events and that's it. Make them aligned with this tutorial if needed. Make them invisible just for catching the mouse/touch events
Example/Tutorial - Extract a Distorted Hotspot from any kind of Pano Image (with perfect pixel alignment)Example (works on Flash and HTML5 mouse/touchdevices): Example
There is a catch of pixelhittest on transparent part of the image that also capture the events but using smaller images can be nice workaround.
Hi Umalo,
Thanks a lot for pointing a way out, sadly I must say this workaround is much too crafty for my current projects: around 20 hotspots in a dozen panoramas per tour to be visible and clickable in tablets/smartphones.
Really hope krpano supports polygon hotspots in HTML5 soon, it would be really time-saving.
Hi everybody
Does anybody know, in which version the polygonal hotspots will be available for HTML5?
In the doc it says "Polygonal hotspots - currently not supported, but there are already plans to implement them." Klaus, could you tell us a bit more specific when this will be?
I would like to use the HTML5 player in a giant proyect with over 80 panoramas to make it available for iPhone/iPad as well. This is the actual tour: http://www.vtour.rsszo.ch/vtour.html
Thanks a lot!!!
Does anybody know, in which version the polygonal hotspots will be available for HTML5?
Wait for version 1.18.
what?
yeahhhh!
Tuur
Thanks a lot! I didn't think that version 1.18 would arrive that soon...
Just great!
Hi. I need activate fillcolor to polygonal hotspot when mouse onover (onhover), but when i do it, it splash for 1 sec red color and then make default alpha. How to make it correct?
<hotspot name="hspt1"
keep="false"
visible="true"
enabled="true"
handcursor="true"
capture="true"
alpha="0.0"
style=""
fillcolor="0xff0000"
fillalpha="0.7"
borderwidth="3.0"
bordercolor="0xff0000"
borderalpha="0.7"
onover=""
onhover="set(hotspot[hspt1].alpha,0.7);"
onout="set(alpha,0.0);"
ondown=""
onup=""
onclick=""
onloaded=""
tooltip="test"
>
<point ath="-118" atv="30" />
<point ath="-139" atv="5" />
<point ath="175" atv="6" />
<point ath="180" atv="22" />
<point ath="165" atv="29" />
</hotspot>
Display More
Hi,
QuoteHi. I need activate fillcolor to polygonal hotspot when mouse onover
(onhover), but when i do it, it splash for 1 sec red color and then make
default alpha. How to make it correct?
Use the onover/onout events and the tween() action - for example:
<hotspot ...
fillcolor="0xFF0000"
onover="tween(fillcolor, 0x0000FF);"
onout="tween(fillcolor, 0xFF0000);"
...
/>
See also here:
https://krpano.com/docu/xml/#hotspot.onover
https://krpano.com/docu/xml/#hotspot.onout
https://krpano.com/docu/actions/#tween
Best regards,
Klaus
Would you mind showing me how to get position point element of hotspot(atv, ath)?
and Is the 'distorted' valid for polygonal hotspot?
Thank!
Would you mind showing me how to get position point element of hotspot(atv, ath)?
A polygonal hotspots has no position by its own, the individual points of the polygon itself are the positions.
Or do you want the hotspot center?
That could be get by the getcenter() function of the hotspot:
https://krpano.com/docu/xml/#hotspot.getcenter
and Is the 'distorted' valid for polygonal hotspot?
No, that's a setting only for image-hotspots and ignored on polygonal hotspots.
Best regards,
Klaus
Thank #klaus.krpano for reply,
I would like get point positions of polygon that isn't polygon.
For example:
<hotspot name="line1" style="hs" distorted="false" onloaded="set(pstLine,55);" fillcolor="0xFF0000" onover="tween(fillcolor, 0x0000FF);" onout="tween(fillcolor, 0xFF0000);" >
<point name="pnt1" ath="144.0332018882967" atv="32.42610560000334"/>
<point name="pnt2" atv="hotspot[line1].point[pnt1].atv" onloaded="set(hotspot[line1].point[pnt2].ath,hotspot[line1].point[pnt1].ath);add(hotspot[line1].point[pnt1].ath, 5)"/> </hotspot>
<events onclick="showlog(); trace('point1.atv = ', hotspot[line1].point[pnt2].atv, ' | point1.ath = ', hotspot[line1].point[pnt1].ath);" />
In this code, i would like get 'pnt1' position to define 'pnt2'. I had try it, so it's error :(
pls help me!
thank you!
Don’t have an account yet? Register yourself now and be a part of our community!