HTML5 polygonal hotspots editor?

panomaster · July 13, 2017 at 2:31 AM

I do many projects that require making polygonal hotspots. Flash editor is... a little bit annoying. So I wrote my own HTML5 polygonal editor (I've had only 20 minutes to do it). It's not perfect but some ideas can be helpful to other KRPano developers.

How it works? Press space (keyboard) to start drawing, then click (mouse) anywhere to set point. Finally, press ESC to stop drawing polygon. Feel free to use it and develop it. But remember - it's just ideas - not plugin. However... crowdfunding would be great idea to develop such plugins...

http://www.ai360.pl/projekty/polygonal_editor/

light_line · July 13, 2017 at 7:15 AM

Excellent

Umalo · October 19, 2017 at 7:40 PM

Hey this looks cool. Although I don't use poligonal hotspots nice to know this code exist on the forum.
I could propose to open textield on the screen when ESC pressed and display hs code from memory for easy copy paste into the code.
Good job.

Edit: And that was my 1000 post. Goes to you...

San7 · October 23, 2017 at 6:51 AM

great example!

added saving to file save_polygon.xml.

"Space" - to start to draw again "space" - to end the previous and start the next, "Esc" to finish drawing, "s" to save
file save_polygon.xml.

Konstantine · October 23, 2017 at 7:20 AM

Quote from San7

great example!
added saving to file save_polygon.xml.

"Space" - to start to draw again "space" - to end the previous and start the next, "Esc" to finish drawing, "s" to save
file save_polygon.xml.

Konstantine · October 23, 2017 at 7:21 AM

Great example! I can draw a large polygon hotspot, moving panorama is very accurate.

hermas · November 11, 2017 at 4:38 AM

Birdseye · November 11, 2017 at 6:35 AM

Very usefull! Thank you :)

lybarrondo · April 10, 2018 at 4:49 PM

I really appreciate your effort in making this very useful tool.

framebyharsh · February 10, 2023 at 5:43 PM

Hi,
Is the source code for this available?
I downloaded the rar from san7 post but the xml is encrypted..

thanks

HTML5 polygonal hotspots editor?

Participate now!

Users Viewing This Thread