Un ejemplo sencillo de TweenLite JS

Recientemente GreenSock lanzó su nueva plataforma de tweens para JavaScript. He estado usando por un buen rato TweenLite y TweenMax para ActionScript, y la verdad lo único que puedo decir es que es muy fácil de usar y me a ahorrado muchísimo tiempo.Es por eso que decidí probar la api de JavaScript para ver las diferencias, pero me sorprendió que la api prácticamente es la misma, por lo que gente, como yo, que venga de programar flash y as3 la tenemos fácil.

Para hacer el siguiente demo sólo utilicé una línea para cada tween:

//rotation  button

TweenLite.to(logo, .7, {css:{rotation:180}});

//scale button

TweenLite.to(logo, .7, {css:{scale:2}});

//reset button

TweenLite.to(logo, .7, {css:{rotation:0, scale:1, left:200, top:150}});

Puedes bajar los archivos de este demo aquí.

Para más info de todo lo que se puede hacer visita el getting started (en Inglés).