sequencing registerEffect() on multiple targets

[kbatchu]

Hello,

 

I am missing something very obvious but unable to find what it is. Can someone please tell me why 'loadPara2()' is not being executed ?

 

Thanks

See the Pen YzpOBOL by kbatchu (@kbatchu) on CodePen

[tailbreezy]

Hello there,

 

You can just execute your functions in the master timeline.

Note that since typewriter blinker has a repeat: -1, its duration will be very high (infinite-like), so you cannot space your animations with '>' positional parameter, you have to hard code the duration you pass in (possibly store it in a var and reference it here).

 

If you don't space them out, both will start immediately.

 

masterTL 
.add(loadPara1()) 
.add(loadPara2(), 4)

 

[akapowl]

Hey @kbatchu - welcome to the forums.

 

15 hours ago, tailbreezy said:

Note that since typewriter blinker has a repeat: -1

 

I think this is the actual problem at play here.

Since that blinking animation which is part of your first timeline is set to repeat infinitely, that first timeline will never finish and thus the second timeline will never start playing as you have set things up.

 

You can see that the second timeline will start playing if you remove that infinite blinking from the first timeline

 

See the Pen 69997faf1fe1e84836316da41f41add3 by akapowl (@akapowl) on CodePen

 

 

So one solution could be to simply just set up an individual tween for the infinite blinking apart from your timelines.

[kbatchu]

Thank you both.