The first in my “What I Learned Today” category. This is one of those things I can’t believe I didn’t know sooner. With TweenLite and easeParams you can pass in additional ease values that will allow you to fine tune your Elastic and Back eases. I’ve always loved ease:Back.easeOut but now the fun really begins.
Watch the Video
Notes
easeParams works on Elastic and Back… I really wish Bounce had something similar
easeParams works with BOTH TweenLite and TweenMax
Back ease
The Back ease only takes in 1 parameter which is the overshoot value. This higher the value, the more overshoot distance.
TweenMax=TweenMax.to(box1, 2, {x:400, ease:Back.easeOut, easeParams:[1] } );
Elastic ease
The Elastic ease takes 2 parameters. The Elastic ease is based on a sine wave. The first parameter is the amplitude and the second is the period. Read more about amplitude and period.
TweenMax=TweenMax.to(box1, 2, {x:400, ease:Elastic.easeOut, easeParams:[1,2] } );
Download CS4 Source
More
This technique was brought to my attention in the greensock forums. Its one of those little gems of the GreenSock platform that doesn’t necessarily jump out at you but it is so tremendous once you find it.
