TweenJS es un simple, sencillo y rápido motor para la creación de animaciones utilizando JavaScript como lenguaje de base.
Esta pequeña biblioteca hace uso intensivo de HTML5 para lograr las distintas animaciones, algo que alternativas similares no hacen, dejando de lado una de las grandes posibilidades que provee esta actualización.
Ejemplo de uso de TweenJS:
Agregamos la biblioteca a nuestro proyecto:
<script type='text/javascript' src='tween.js'></script>
Mover un elemento de un punto hacia otro:
var position = { x : 0, y: 100 };
var target = { x : 500, y: 150 };
var tween = new TWEEN.Tween(position).to(target, 1000);
En el sitio oficial van a encontrar varias demostraciones al igual que mucha documentación de uso. El ejemplo que utilice es de lo más simple que podemos hacer, no se pierdan visitar el proyecto para conocer más acerca de la potencia de esta magnifica biblioteca JavaScript.
Web: TweenJS
