You are not logged in.

How to animate a png hotspot?

maga7

Beginner

  • "maga7" started this thread

Posts: 4

  • Send private message

1

Tuesday, November 26th 2013, 12:12pm

How to animate a png hotspot?

Hi,
I have got a simple problem. I`m searching and do not find the answer *unsure*
How to animate a hotspot? I have got a png file (20 images in vertical).
I will be grateful for any link which helps me to find the answer or to any tutorial for very beginners.

virtualamine

Beginner

Posts: 1

  • Send private message

2

Thursday, November 28th 2013, 9:29pm

hi ,

you have to insert this lines in your hotspot :

<hotspot name="spot3" onclick="mainloadpano(visite.xml);" url="hotspot.png" crop="0|0|65|65" frame="0" lastframe="9" frameheight="65" framewidth="65" onloaded="set(stopSequence,false);animate(spot3,0.1);" onhover="showtext(Vers vue 1);" ath="39.4635" atv="27.7889"/>

hotspot png: http://fr.packupload.com/MYWGHU86V9U

so you can use a swf hotspot .

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

3

Thursday, November 28th 2013, 10:33pm

Quoted from "maga7"

Hi,
I have got a simple problem. I`m searching and do not find the answer *unsure*
How to animate a hotspot? I have got a png file (20 images in vertical).
I will be grateful for any link which helps me to find the answer or to any tutorial for very beginners.

Hi,
It's same task is was resolved! See this link:
http://www.imaginartejuegos.com/ijLAB/ej…spotanimado.htm

And this ready work example (vertical and horizontal type strip of images):
http://www.imaginartejuegos.com/ijLAB/ej…spotanimado.htm

Good luck!
*tongue*

maga7

Beginner

  • "maga7" started this thread

Posts: 4

  • Send private message

4

Friday, December 6th 2013, 2:58pm

Thanks! *thumbup*

maga7

Beginner

  • "maga7" started this thread

Posts: 4

  • Send private message

5

Friday, December 6th 2013, 3:55pm

I do not really understand what does it mean:

crop="0|0|65|65" frame="0" lastframe="9" frameheight="65" framewidth="65" onloaded="set(stopSequence,false);animate(spot3,0.1);"

my hotspot is in attachment. How can I fit it to the code?
maga7 has attached the following image:
  • hotspot1.png

Tuur

Sage

Posts: 3,839

Location: Netherlands

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

  • Send private message

6

Friday, December 6th 2013, 4:56pm

when i look to your strip the width is 64 pixels..so lets say the height is 64 as well which it is..

crop="0|0|65|65" means crop="x-position of frame| y-position of frame | width of frame | height of frame"

frame="0" is first frame

lastframe… speaks for it self

so i would say copy the code from the example or output of the droplet and change like:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

	<action name="hotspot_animate">
		inc(frame,1,get(frames),0);
		mul(ypos,frame,frameheight);
		txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
		delayedcall(0.03, hotspot_animate() );    <!-- here you set the speed of the frame change -->
	</action>	



	<style name="skin_hotspotstyle" url="hotspot.png"
			crop="0|0|64|64"
			frames="20" framewidth="64" frameheight="64" frame="0"
			onloaded="hotspot_animate();"
			altonloaded="if(isphone, mul(scale,2)); onloaded();"
			scale="1"
			edge="top"
			oy="0"
			onclick="loadscene(get(linkedscene),null,MERGE,BLEND(1)); 	"
	       />


that should work i think..

Hope it helps..

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

maga7

Beginner

  • "maga7" started this thread

Posts: 4

  • Send private message

7

Tuesday, December 10th 2013, 3:39pm

It works! *g* Thank You!

bahabal

Beginner

Posts: 10

  • Send private message

8

Monday, January 20th 2014, 2:27pm

Quoted from "Arsdezi"

Quoted from "maga7"

Hi,
I have got a simple problem. I`m searching and do not find the answer *unsure*
How to animate a hotspot? I have got a png file (20 images in vertical).
I will be grateful for any link which helps me to find the answer or to any tutorial for very beginners.

Hi,
It's same task is was resolved! See this link:
http://www.imaginartejuegos.com/ijLAB/ej…spotanimado.htm

And this ready work example (vertical and horizontal type strip of images):
http://www.imaginartejuegos.com/ijLAB/ej…spotanimado.htm

Good luck!
*tongue*

How can I stop the animation playback

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

9

Friday, February 21st 2014, 8:16pm

Similar threads