Repeat delay issues

[ddi-web-team]

Hello all,

 

I'm using EaselJS to attempt a cool animation concept. I have it mostly working but there's just a small timing issue that I'm just missing. 

I've created 5 shapes in EaselJS and I'm animating their x, y, and alpha properties with a gsap timeline. The first run through, everything plays perfectly. But upon repeats, it speeds up. It's like it's not respecting the delay before reversing after playing the animation full through once. You can see in my demo that it cycles through the images properly (It's just a proof of concept so I only have 2 slides). 

 

Any insight would be greatly appreciated. 

See the Pen e8d8b592f4bcd083d2608e610768f412?editors=1111 by DDI-Web-Team (@DDI-Web-Team) on CodePen

[Cassie]

Hey there!

 

I think this would be a better approach - hope it helps
 

repeatDelay: 3,
paused: true,
repeat: -1,
yoyo: true,
onStart: updateImages

 

[ddi-web-team]

Hi @Cassie

Thanks for the suggestion. This definitely got me closer to what I was chasing. But I was still having issues so I went back to the drawing board and updated my approach on both the shapes and the master timeline. It's much more organized and easy to work with now. Thanks for the help! The gsap team is the best.