Sie sind nicht angemeldet.

PNG frames horizontally

agufon

Schüler

  • »agufon« ist der Autor dieses Themas

Beiträge: 65

  • Nachricht senden

1

Freitag, 24. August 2012, 13:53

PNG frames horizontally

Just as you can make an animation from a vertical strip frames (eg hotspot), is it possible to do it from a horizontal strip?
My program generates only horizontal strips.

Arsdezi

Fortgeschrittener

Beiträge: 174

Wohnort: Ukraine

  • Nachricht senden

2

Freitag, 24. August 2012, 20:45

Simply replace the pair of parameters offset animation. That's one of the standard examples:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<hotspot name="hs1" style="hs-animate" 
ath="324.93" atv="3.20" keep="true" devices="all" 
onhover=""
onclick=""
/>	
	
<style name=hs-animate" 
url="hs_anima.png" 	       
crop="0|0|128|128" 
keep="true" 
zorder="99"			
scale="0.7"			
align="center" 	      
framewidth="128"
 frameheight="128"
 frame="0" 
lastframe="5"	       
onloaded="hs_animate(); />
	    	
<action name="hs_animate">		
inc(frame,1,get(lastframe),0);		
mul(ypos,frame,frameheight);		
txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));		
delayedcall(0.1, if(loaded, hs_animate() ) );
</action>


Change the parameters in Action:
mul(xpos,frame,framewidth );
…
txtadd(crop,'0|',get(xpos), …

That's all! *tongue*
Panoreal — to make and see this wonderful world! *whistling*

agufon

Schüler

  • »agufon« ist der Autor dieses Themas

Beiträge: 65

  • Nachricht senden

3

Montag, 27. August 2012, 18:40

No me funciona

Thank you very much your help.
I have ridden an example with horizontal strip (left) and vertical (right): http://www.imaginartejuegos.com/ijLAB/ej…spotanimado.htm
As you can see on the right is working properly, but not the left.
The code used is this:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

<hotspot name="hs1" style="hs-animate" 
ath="-30" atv="0" keep="true" devices="all" 
onhover="" 
onclick="" 
/> 

<style name="hs-animate" 
url="posibilidades/imag/ojos-tira300.png" 
crop="0|0|300|300" 
keep="true" 
zorder="99" 
scale="1" 
align="center" 
framewidth="300" 
frameheight="300" 
frame="0" 
lastframe="23" 
onloaded="hs_animate();" /> 

<action name="hs_animate"> 
inc(frame,1,get(lastframe),0); 
mul(xpos,frame,framewidht); 
txtadd(crop,'0|',get(xpos),'|',get(framewidth),'|',get(frameheight)); 
delayedcall(0.1, if(loaded, hs_animate() ) ); 
</action> 
<hotspot name="vs1" style="vs-animate" 
ath="30" atv="0" keep="true" devices="all" 
onhover="" 
onclick="" 
/> 

<style name="vs-animate" 
url="posibilidades/imag/tiradados1.png" 
crop="0|0|130|1230" 
keep="true" 
zorder="99" 
scale="1" 
align="center" 
framewidth="130" 
frameheight="130" 
frame="0" 
lastframe="15" 
onloaded="vs_animate();" /> 

<action name="vs_animate"> 
inc(frame,1,get(lastframe),0); 
mul(ypos,frame,frameheight); 
txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight)); 
delayedcall(0.1, if(loaded, vs_animate() ) ); 
</action>

What is my mistake?

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

4

Mittwoch, 29. August 2012, 08:49

Hi,

Zitat

What is my mistake?
here:
txtadd(crop,'0|',get(xpos),'|',get(framewidth),'|',get(frameheight));

you need to swap x and y - correct would be:
txtadd(crop,get(xpos),'|0','|',get(framewidth),'|',get(frameheight));

Best regards,
Klaus

agufon

Schüler

  • »agufon« ist der Autor dieses Themas

Beiträge: 65

  • Nachricht senden

5

Donnerstag, 30. August 2012, 19:38

¡¡ PERFECT !!

Thank you very much Klaus.
In addition to the error that you show me a little more I found another in the line above with "framewitdht".
You can see the end running on http://www.imaginartejuegos.com/ijLAB/ejemplo_base/hotspotanimado.htm
Take this opportunity to congratulate you on the latest version of krpano and VTOUR interface.
Greetings
Agustín

jschrader

Fortgeschrittener

Beiträge: 237

Wohnort: Bavaria, Germany

Beruf: Photographer, Producer

  • Nachricht senden

6

Montag, 21. Januar 2013, 14:20

Exactly what I needed.
Thank you very much to everyone *thumbsup*

esys

Fortgeschrittener

Beiträge: 267

Wohnort: Balazé France

Beruf: photographer

  • Nachricht senden

7

Freitag, 10. Mai 2013, 16:29

Hi,

IS it possible to don't have a drop (the hotspot would stay constantly visible) in this animation?
I'd like to put like an animated glow effect around the hotspot, so the hotspot needs to remain visible all time.

Thanks.
Steph.:-)
Steph

Arsdezi

Fortgeschrittener

Beiträge: 174

Wohnort: Ukraine

  • Nachricht senden

8

Montag, 15. Juli 2013, 11:01

Animation with cross-fade effect

UPDATE!
Now I myself want to use animation without flash file(swf) on any device!
But the question is: how to make simple animation with cross-fade effect to make the transition frame by frame?

Frame#1 -->fade 0.5 sec --> Frame#2 --> fade 0.5 sec --> Frame#3… action to stop or replay and etc.

I understand that can be done using the individual layers with pictures and action "tween alpha", but I want this to be a separate action without a write action in each layer/plugin image! This is is possible?


Any suggestions or idea!? I'm deep in thought!

*confused*
Panoreal — to make and see this wonderful world! *whistling*

Alexey Tkachenko

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

9

Montag, 15. Juli 2013, 14:50

Regards,

Alexey

Arsdezi

Fortgeschrittener

Beiträge: 174

Wohnort: Ukraine

  • Nachricht senden

10

Montag, 15. Juli 2013, 18:57

Yes, like this!
Basic fade: A->B->C
Earlier I used a flash file with any animation and alternative flat image for html5 versions.
Ось такі справи, друже)
Panoreal — to make and see this wonderful world! *whistling*

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

  • Nachricht senden

11

Dienstag, 16. Juli 2013, 17:02

Ähnliche Themen