Stop a sprite animation on repeat and stop

[eisaias2000]

I'm trying to make the dog to stop at the end of the timeline, but can't figure out, can anyone help me?

 

 

 

See the Pen gOqYgvL by EIsaias-EIB (@EIsaias-EIB) on CodePen

[Rodrigo]

Hi,

 

This is the simplest way I can think of:

See the Pen LYqPxJE by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!

[eisaias2000]

makes sense to call a function, thank you! 👏 

 

Do you think that this solution functions in a more complex timeline? My intent is to make an animation where one caracter talks, then stop talking, other caracter start talking and then the fist caracter start talking again.

[Rodrigo]

Hi,

 

In that case I would look into using call and addPause methods and two different timelines:

https://gsap.com/docs/v3/GSAP/Timeline/addPause()

 

https://gsap.com/docs/v3/GSAP/Timeline/call()

 

So basically create a single timeline for each spritesheet. Something like this:

 

See the Pen zYexZEQ by GreenSock (@GreenSock) on CodePen

 

Basically each timeline resumes the other and pauses itself immediately as well.

 

Hopefully this helps.

Happy Tweening!

[eisaias2000]

It will certainly work. Thank you very much Rodrigo.