Umalo! You best!)
Very simple solution (short code)!



PS, I have few questions:

But I don't understand how stop animation on last frame with control the animation (buttons replay/play)?
Here looped across the width of the frame shift: 1-2-1-2-…
And how we see crossfade translation frame by frame with transparency on background ( how did without transparency on bg) I will try to shift the time of tween alpha
Maybe you look my example in flash:
http://d.pr/f/b4YC

Sorry for my importunate! In any case, I'm very grateful to you already!

Hi,

again other great one example!


Only one small tip - for the alpha blending a symmetric tweentype like 'linear' or 'easeInOutQuad' or a compintion of the 'easeOutQuad+easeInQuad' should be used. Otherwise the blending isn't fully correct and the blended image becomes partially transparent because the sum of both alpha values isn't 1.0 together.

See here for the the tweentypes and their curve:
http://krpano.com/docu/actions/#tweentypes
http://hosted.zeh.com.br/tweener/docs/en…ransitions.html

Best regards,
Klaus

Hi Umalo,

nice example ...
i've played a bit with your code to make speed change easier
#############################
<style name="animated_jpg" url="%FIRSTXML%/images/gfa_0070_458x600.jpg" visible="true" handcursor="false" zorder="15" keep="true" scale="1"
framewidth="458" frameheight="600" lastframe="70" align="center" speed="0.3" />

<action name="animate_1">
inc(frame,1,get(lastframe),0);
mul(xpos,frame,framewidth);
tween(plugin[at_jpg_1].alpha,0,get(speed),default);
tween(plugin[at_jpg_2].alpha,1,get(speed),default);
txtadd(new_crop,get(xpos),'|0','|',get(framewidth),'|',get(frameheight));
set(plugin[at_jpg_2].crop,get(new_crop));
mul(speed2,get(speed),2);
delayedcall(get(speed2), if(loaded, animate_2() ));
</action>

<action name="animate_2">
inc(frame,1,get(lastframe),0);
mul(xpos,frame,framewidth);
tween(plugin[at_jpg_1].alpha,1,get(speed),default);
tween(plugin[at_jpg_2].alpha,0,get(speed),default);
txtadd(new_crop,get(xpos),'|0','|',get(framewidth),'|',get(frameheight));
set(plugin[at_jpg_1].crop,get(new_crop));
mul(speed2,get(speed),2);
delayedcall(get(speed2), if(loaded, animate_1() ));
</action>

<plugin name="at_jpg_1" x="0" y="0" style="animated_jpg" frame="0" alpha="1" crop="0|0|458|600" onloaded="delayedcall(get(speed),animate_1());"/>
<plugin name="at_jpg_2" x="0" y="0" style="animated_jpg" frame="1" alpha="0" crop="458|0|458|600" />
#############################

why do you use "wait" in last "onloaded" und not "delayedcall"?

greetz

mil

Umalo, yes of course!
You can use this images in your examples with code, this images shooting by me, no problem!
Thank you for great example and issue to replace basic crossfade effect without flash!

And your Help!

Quoted

"Updated version with milemann's proposal:

Preview you can see here: click here
Code you can see: Here
Example you can download: Here"

Umalo and milemann, very usable example!
I'm try this code in my task with multi-box information in vr-tour.

only managed to make it loop with a delayedcall (no real looping), though
I need initiate_animation() to be called right after the animation stops, so that the jump to the start of the images is not noticable.

would like to use that for loopable animated sprites...
any ideas ?

thanx for the tips umalo...

I implemented an animation sequence of 20 frames using images of 200pixels X 200pixels

with your method : http://simulzine.com/playground/umalo-anim/

with Klaus example as hotspot: http://simulzine.com/playground/krpano-anim/anihotspots.html

works great so far !

These examples are meant for stip images as input wich gets you quickly to the limits of files sizes etc...
Below I'm attaching the two textures I used for these examples. 4000px and just 20 frames :(

As my animations are more than 20 frames long I would like to use square textures( 4096 px X 4096 px) for input images.

Are there any methods to "read" a square texture with krpano like you do it in the example for strips ?

I use a great software to "pack" my animations into single textures (http://www.codeandweb.com/texturepacker) and would like to write an exporter for krpano. I would appreciate any help or pointing me to the right directions

Best,
Alex

thanx Umalo,

I just send you 2 different texures with relevant "spritesheet" information in .json format, hope that helps. (I used the inet.hr email )

quick tested on ipad3 (retina) and the 2048 square texture works !

How can I make this a hotspot? (I need to distort the image sequence, as if a slide show is playing on a wall within the pano scene).

I have attempted to apply your code to a hotspot, but I have failed spectacularly!