You are not logged in.

BIOS - Business incubator

Umalo

Professional

  • "Umalo" started this thread

Posts: 1,051

Location: Osijek, Croatia, EU

  • Send private message

1

Thursday, May 16th 2013, 3:58pm

BIOS - Business incubator

http://www.webonjee.com/virtual-tour/bios-osijek-a/
BIOS - Business incubator

and

http://www.webonjee.com/virtual-tour/bio…k-a/co-working/
BIOS Business incubator Co-working space

Project done 2 months ago. Custom design, dynamic GUI, multi language, xml configurable drop down list

This post has been edited 1 times, last edit by "Umalo" (May 19th 2013, 12:16pm)

jacobus182

Beginner

Posts: 8

  • Send private message

2

Sunday, May 19th 2013, 10:50pm

Hello

I really liked you panoramas, I can see you're experienced in krpano tools.

Could you tell me how did I do the multilanguage animated hotspot in room A1?

Could be a cool feature to learn

Thanks
Jacob

Umalo

Professional

  • "Umalo" started this thread

Posts: 1,051

Location: Osijek, Croatia, EU

  • Send private message

3

Tuesday, May 21st 2013, 12:15am

Thx. Will share the code in day or two. Have some urgent to do now ;(

Umalo

Professional

  • "Umalo" started this thread

Posts: 1,051

Location: Osijek, Croatia, EU

  • Send private message

4

Wednesday, May 22nd 2013, 10:34pm

Here it is. First solution was to have two different png for animation. One for each language with changing of URL depending what language was active. It worked fine until I realised that when language chagned several times in that room, the animation got silly speed up. Due to the fact that animate action was called on URL change it makes mess in the calculations. There I also asked for Klaus for help.

Than I went in direction creating one and only png for both languages and changing the crop area dynamically. Now it works fine also on IOS and Flash.
Png looks like:

(this is just part of it)

Than code was adapted to change crop area depending on active language.
Language switch was explained here: link

Code that follows is adaptation of Klaus animated png examples:

Source code

 
1
2
3
4
5

<hotspot name="promo_1" url="%FIRSTXML%/animacije/najam_a1.png" visible="true" framewidth="215" frameheight="70" frame="1" lastframe="40" 	ath="259" atv="8" onclick="openurl(http://inkubator.hr/hr_HR/najam-konferencijske-dvorane,_blank)" onloaded="hotspot_najam_animate();"></hotspot>

<action name="hotspot_najam_animate">	inc(frame,1,get(lastframe),0);		mul(ypos,frame,frameheight);				txtadd(crop,get(tocka[promo_1].podaci[get(lang)].xpos),'|',get(ypos),'|',get(framewidth),'|',get(frameheight));		delayedcall(0.05, if(loaded, hotspot_najam_animate()));</action>

<tocka name="promo_1">	<podaci name="HR" xpos="0"/>	<podaci name="EN" xpos="215"/>	</tocka>


Hope you got it.

Similar threads