Compressing Time in a Timeline

[rconnard]

Oh great gurus with green socks!

 

I made my first HTML banner with GreenSock two days ago. It was very easy and fun, thanks to your hard work!

 

All of my animations are in one timeline using TimelineMax. 

 

My boss asked if I could 'speed everything up a little'. While I can edit the individual values, is there a way to 'fast forward' a timeline?

 

Thanks,

Ross

[Oliver16Years]

tl = new TimelineMax( );

tl.timeScale( 1.3 );

 

This will speed up your anim a bit.

[GreenSock]

Yep, Oliver is right. The timeScale() method makes it super easy. Also, here's a lesser-known tip: you can actually set the duration on a timeline and it'll automatically adjust the timeScale() accordingly. For example, let's say your timeline is 17.4 seconds but you need it to be 15 seconds long. Instead of doing the math to figure out what that timeScale() should be, you could just do:

tl.duration(15); //adjust the time scale so that the timeline takes 15 seconds to complete

Another tip while I'm here...

 

If you're building out your banner and you're at the final stages, like maybe you've got 13 seconds already built out of a 15 second animation, but you don't want to keep watching the first 12 seconds over and over when you preview - you can just toss this line in during production:

tl.play(12); //jumps 12-seconds into the timeline

Then just edit that number as you go, and remove the line completely when you're done with production. It makes things so much easier

 

Happy tweening!

[rconnard]

Wow these forums are awesome. You guys are awesome. Thank you so much. Those are killer tips!