Animating whole timeline on another timeline/tweenmax?

[Remigiusz Szwed]

Hello

 

I have a (probably) silly question - is it possible to animate whole timelineMax via tweenmax or another (parent) timelineMax? I have long experience as flash/adobe animate animator and I normally would put animation in movieclip and then animate that mc (like for example in simulating camera zoom). I could probably make something like that with gsap (put timelineMax into mc, then make another timelineMax/tweenMax on root), but it isn't greatest solution...

 

Thanks, Remigiusz

[Sahil]

Ya you can control timeline using TweenMax by animating the progress of the Timeline. In following demo animation progresses by 10% every time you click anywhere. It is similar to animating any normal property. Another trick is to use tweenTo method of TimelineMax, it lets you tween upto certain time or label. You can also use tweenFromTo, you can read more on docs. There might be few other tricks, @GreenSock or @Carl can cover it.

 

See the Pen aVajjz?editors=0010 by Sahil89 (@Sahil89) on CodePen

 

[Carl]

@Sahil's advice is exactly right, although I think he added the wrong demo.

 

Here is a tweenTo() example:

 

See the Pen RjYLOW?editors=1010 by GreenSock (@GreenSock) on CodePen

 

Notice that tl does some animations on 3 boxes in direct succession.

 

master tl is set up to alternate between animating the backgroundColor of the body and tweening to different labels in tl.

Notice that the when the orange box animates it has a bounce.easeOut applied.