Sie sind nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

3sfera

Fortgeschrittener

  • »3sfera« ist der Autor dieses Themas

Beiträge: 217

Wohnort: Mexico City

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

  • Nachricht senden

1

Mittwoch, 14. März 2012, 21:30

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

Donnerstag, 15. März 2012, 09:44

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

Fortgeschrittener

  • »3sfera« ist der Autor dieses Themas

Beiträge: 217

Wohnort: Mexico City

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

  • Nachricht senden

3

Donnerstag, 15. März 2012, 18:33

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

Luis

4

Freitag, 16. März 2012, 10:38

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

Beiträge: 1 850

Beruf: Virtual Tours - Photography - Krpano developer

  • Nachricht senden

5

Freitag, 16. März 2012, 15:45

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

Fortgeschrittener

  • »3sfera« ist der Autor dieses Themas

Beiträge: 217

Wohnort: Mexico City

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

  • Nachricht senden

6

Freitag, 16. März 2012, 17:28

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

Profi

Beiträge: 994

Wohnort: Netherlands

Beruf: Web developer

  • Nachricht senden

7

Freitag, 16. März 2012, 19:08

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.
3d childrens game using krpano Game
Minify your xml with my krpano XML Compressor
Krpano XML Parsing Error Checklist
Available for hire (krpano xml, javascript, actionscript, flash, php and ipad plugins).

3sfera

Fortgeschrittener

  • »3sfera« ist der Autor dieses Themas

Beiträge: 217

Wohnort: Mexico City

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

  • Nachricht senden

8

Sonntag, 18. März 2012, 01:22

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

Profi

Beiträge: 994

Wohnort: Netherlands

Beruf: Web developer

  • Nachricht senden

9

Sonntag, 18. März 2012, 22:15

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.
3d childrens game using krpano Game
Minify your xml with my krpano XML Compressor
Krpano XML Parsing Error Checklist
Available for hire (krpano xml, javascript, actionscript, flash, php and ipad plugins).