Timelines Control Each Others Playback With Events

[icg_cnunez 0 Likes (Newbie)]

I have two TimelineMax objects:

-------------------

THE CYCLE:

TL1 repeats once with yoyo.

TL2 repeats infinitely with yoyo.

TL2 is initially set to paused.

TL1 plays automatically, & onComplete plays TL2.

TL2 has onRepeat to pause itself (TL2), and restart(true) TL1 (restart should respect TL1's delay).

-------------------

 

INTENDED EFFECT:

I want the infinitely repeating timeline, TL2, to play and pause at each repeat point of its animation, but this is not happening. Both timelines' playback are controlled by the other. If you look at my Codepen code, you will see that this is not working correctly, and I can't figure out what I'm doing wrong.

 

See the Pen nDKoJ by icg-cnunez (@icg-cnunez) on CodePen

 

 

Any help much appreciated.

[GreenSock 18,885 Likes (Superhero)]

Good catch - I'm looking into this now and I have indeed found something that needed to be tweaked under the hood. Stand by for more details...

 

(and thanks for creating the simple example codepen - VERY helpful)

[GreenSock 18,885 Likes (Superhero)]

I believe I found (and fixed) the issue. Would you mind trying the attached preview of TweenMax 1.9.4 and letting us know if it works well for you? According to my tests, it solved the issue you ran into. Sorry about the hassle. 

TweenMax_1.9.4_preview.zip

[icg_cnunez 0 Likes (Newbie)]

Oh yeah!!! This works perfectly!!!!!

 

Thank you, Jack! I was loosing my mind over this since yesterday.