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.

3sfera

Intermediate

  • "3sfera" started this thread

Posts: 224

Location: Mexico City

Occupation: Virtual tours, Krpano coding, Graphic Design, Photographer, Panographer

  • Send private message

1

Wednesday, March 14th 2012, 9:30pm

A plugin element map with polygonal interactive areas, how to?

Hi there, I'ts been a while that I have this idea in my head of making an interactive map by a plugin element which could offer polygonal interactive areas, kinda polygonal hotspots but in its plugin version. Right now I have three ideas for achieving this and I share them with you, they all involve the placement of the map as a plugin element and then the definition of the polygonal interactive area would be as follows:

1) Fill the interactive area with a grid of lots of transparent plugins and assigning them the same function, for example activating an overlapping plugin which display the interactive area illuminated.

PROS: Can be done with krpano right now
CONS: A hell of plugin accomodation, plugin saturation and also I'm not sure if this would work smooth for a map plugin with height/width percentage dependance (Ex. width="50%").

2) Overlap a .swf vector movie with a transparent object as a plugin, this would provide boundaries to the interactive area which could be used to activate another plugin (image plugin) with the specified area illuminated.

PROS: Much less plugin accomodation
CONS: Did some test and rendering is a little poor when this activates tweening of image plugin elements

3) Create the interactive map as a .swf movie, place it as a plugin element, get it to comunicate with krpano in some way. (kindda option 2 reloaded)

PROS: It's much easier to work on Adobe Flash this kind of map
CONS: Wouldn't work on HTML5 and I don't know right now how to get it to comunicate with krpano.

Tell me what you think fellow krpanoers, do you have any other ideas?

I think It would be nice in a future to have some options to specify areas in a plugin, specially for a map as in my case ¿what do you think Klaus?

Best Regards

Luis

2

Thursday, March 15th 2012, 9:44am

Hi,

if you understood you right, you mean something like this: http://imaginefinland.fi/mikkeli/liikkee…pakeskusstella/
Open the map with "Näytä Pohjakartta" button. That one is purely hand coded in xml by me. Not too difficult, just time consuming to make it work right.

Regards,
Jesse Passoja
Passoja design
www.passojadesign.com

3sfera

Intermediate

  • "3sfera" started this thread

Posts: 224

Location: Mexico City

Occupation: Virtual tours, Krpano coding, Graphic Design, Photographer, Panographer

  • Send private message

3

Thursday, March 15th 2012, 6:33pm

Sure dude, that's exactly what I had in mind, did you do it by overlaping transparent plugins or how?

Luis

4

Friday, March 16th 2012, 10:38am

Yes, that's exactly how i did it. Then just make them visible when onover and disapper when onout. Onhover has never been that good somehow. Only thing it took was patience and logical coding. Took me 2 days to do it and 1 day to implement it online. Plugins, images and textfields. Haven't tried on idevice, should work but can't guarantee it.

Regards,
Jesse Passoja
Passoja design
www.passojadesign.com

Posts: 1,852

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

5

Friday, March 16th 2012, 3:45pm

// Haven't tried on idevice, should work but can't guarantee it.
Xml parsing failed
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

3sfera

Intermediate

  • "3sfera" started this thread

Posts: 224

Location: Mexico City

Occupation: Virtual tours, Krpano coding, Graphic Design, Photographer, Panographer

  • Send private message

6

Friday, March 16th 2012, 5:28pm

As far as I can see the problem on idevices(HTML5) is that zorder is limited to 1 to 100 values, which can easily be exceeded by a medium to complex map.

Other trouble I see with this method as I mentioned before is for maps which height is frame width/height dependant (Ex. width="50%), coding could get really messy. *wacko*

I'd already tried to use a .swf movie as a plugin to define an interactive poligonal area to tween transparency of a big map element, it worked, but the trouble I found was that alpha tweening was a awkward, in difference with an image plugin which rendered quite a smooth and clear tweening. This must be consequence of internal krpano structure.

Any other suggestions?

Regards

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

7

Friday, March 16th 2012, 7:08pm

How about a HTML element with an image in it (or swf object) and then use image mapping which is supported in every browser.

http://www.w3schools.com/tags/tag_map.asp

This element could be placed on top of krpano

PRO: It already exists, works on ipad and flash
CONS: only flat object, cant be distorted, flash must run in opaque mode.

3sfera

Intermediate

  • "3sfera" started this thread

Posts: 224

Location: Mexico City

Occupation: Virtual tours, Krpano coding, Graphic Design, Photographer, Panographer

  • Send private message

8

Sunday, March 18th 2012, 1:22am

Okey, I didn't know that option. It seems also that image map is used to create polygonal hotspots as it is stated here:

http://www.scriptingmaster.com/html/crea…nal-hotspot.asp

It seems an legit alternative but still I have my doubts about if it would run in full screen mode. I've tried before to run a lightbox to display some content in fullscreen mode and all the time it switched krpano to window mode. It's a little bit different trick but it may be the same issue when trying to run an image map it in fullscreen.

Do you know if it would work in FS mode?

I think it would be nice in a future development to have some polygonal plugins, right now I can see just this kind of aplications for them but in a future they may get a lot of uses, what do you think Kalus??

Cheers!

Luis

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

9

Sunday, March 18th 2012, 10:15pm

In flash there is no way to put stuff on top in Fullscreen mode. Javascript Fullscreen does not really exist (other the maximum browser size + F11 to remove window bars) so it works in javascript ( I mean everything is a DOM element anyway).

To get stuff to work in Flash, it has to be within krpano, either through an flash plugin, or scripted through xml.