You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Wednesday, April 9th 2014, 5:23pm

Polygonal hotspots in HTML5

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.

2

Monday, May 19th 2014, 6:07pm

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. *sad*

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.
DJIO | Dionizio Bonfim Bach
360ºMix | Multimedia Integrations
Mobile: +55 (41) 8839.0929
Landline: +55 (41) 3779.9322
Skype : djio.com.br or www.360mix.net
Website: www.360mix.net

Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

3

Thursday, May 22nd 2014, 12:37pm

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
http://krpano.com/forum/wbb/index.php?pa…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.

4

Wednesday, June 11th 2014, 9:46am

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. *smile*
DJIO | Dionizio Bonfim Bach
360ºMix | Multimedia Integrations
Mobile: +55 (41) 8839.0929
Landline: +55 (41) 3779.9322
Skype : djio.com.br or www.360mix.net
Website: www.360mix.net

5

Wednesday, October 8th 2014, 3:04pm

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: www.vtour.rsszo.ch/vtour.html
Thanks a lot!!!

6

Friday, October 10th 2014, 6:45pm

Does anybody know, in which version the polygonal hotspots will be available for HTML5?
Wait for version 1.18.

Tuur

Sage

Posts: 3,323

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

7

Friday, October 10th 2014, 6:46pm

what?

yeahhhh!

Tuur *thumbsup*
http://www.virtualtuur.com
Skype:studiotuur

8

Sunday, October 19th 2014, 8:41pm

Thanks a lot! I didn't think that version 1.18 would arrive that soon...
Just great! *thumbsup*

9

Friday, November 14th 2014, 7:42am

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?

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
<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>

10

Friday, November 14th 2014, 7:50am

I find in old docs fadeintime attribute, and make

Source code

1
fadeintime="12"


This solve my problem for a moment, but i think it is not correct... How i can disable (or control) default fade event for polygonal hotspot?

11

Monday, November 17th 2014, 8:44am

Hi,

Quoted

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?

Use the onover/onout events and the tween() action - for example:

Source code

1
2
3
4
5
6
<hotspot ...
         fillcolor="0xFF0000"
         onover="tween(fillcolor, 0x0000FF);"
         onout="tween(fillcolor, 0xFF0000);"
         ...
         />


See also here:
http://krpano.com/docu/xml/#hotspot.onover
http://krpano.com/docu/xml/#hotspot.onout
http://krpano.com/docu/actions/#tween

Best regards,
Klaus

12

Tuesday, May 15th 2018, 4:28am

Would you mind showing me how to get position point element of hotspot(atv, ath)?
and Is the 'distorted' valid for polygonal hotspot?


Thank!

13

Tuesday, May 15th 2018, 9:45am

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

14

Tuesday, May 15th 2018, 11:31am

Thank #klaus.krpano for reply,
I would like get point positions of polygon that isn't polygon.
For example:

Source code

1
2
3
4
<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!