Using timeline as an animation target

[azazdeaz 9 Likes (Newbie)]

Hi,

 

Instead of .add() a timeline to the other, can i tween it? Like this:

tl.to(otherTl, 2, {time: 3, ease: Elastic.easeOut})
tl.to(otherTl, 2, {time: 3, ease: Elastic.easeOut})
tl.set(otherTl, {reversed: true})
tl.to(otherTl, 2, {progress: 0.2})

I tried in the codepen demo and it's working pretty well. (And this is unbelievably cool!   ) But i did'n find any mention or documentation for this. (Sorry if i just missed it)

Does it safe to do?

If it is, which properties can we animate or toggle?

See the Pen waXVgG?editors=001 by azazdeaz (@azazdeaz) on CodePen

[Diaco 1,995 Likes (Superhero)]

Hi azazdeaz 

 

as you can read in Doc :

A TweenLite instance handles tweening one or more properties of any object (or array of objects) over time.

 

you can tween these properties :

 

.time()

.totalTime()

.duration()

.totalDuration()

.progress()

.totalProgress()

.timeScale()

 

btw , you can use these method too :

 

.tweenTo()

.tweenFromTo()

[Carl 11,106 Likes (Superhero)]

Yup, being able to tween the time(), timeScale() and progress() can give you some great effects and a level of control that you would be hard-pressed to find in other engines.

 

Here are some demos:

 

http://codepen.io/GreenSock/pen/LuIJj

http://codepen.io/GreenSock/pen/zcmpo?editors=001

 

As Diaco mentioned, tweenTo and tweenFromTo will tween the time() of a TimelineMax and its pretty cool if you throw an ease in there too!

[azazdeaz 9 Likes (Newbie)]

Great! Thanks for your support again!