Forum Discussion
Strange behavior in the timeline
Hi, I'm developing an website and I'm trying to separate a big animation into smaller timelines, but I'm getting a strange behavior when using tl.add().
I recreated it on Codepen in a simpler manner than in my website.
On Codepen I have 3 boxes, each with it's own TimelineLite instance, and then I have the variable tl, and I added the first 2 timelines in it.
What happens is:
- If I try to play the tl timeline, with the first two boxes, nothing happens.
- If I try to play the tl1 and/or tl2 timelines separately, is jumps around or start tweening near the end of the timeline.
- If I try to play the tl timeline after playing tl1 and tl2, it works fine.
- you should also check this discussion: https://community.articulate.com/articles/storyline-360-working-with-france-triggers
The third box wasn't added to the tl timeline to use as reference of an animation playing without problems if not added to another timeline.
As im trying to recreate something like this with the sparse information you shared...for now i notice a few things you might have missed.
Scope...all Storyline triggers have a local scope, so you have to watch for that... check my posts on GSAP to find more info on that.
Variables in Storyline are always strings. So you have to watch that too.
tl.add in GSAP accepts tweens. So an already created or new tween...either another timeline or gsap.to part.
All the basics you mentioned above do work in my sample. Do share a sample for better help.
Im quite sure now the main issue in your setup is scope.