Animando con MC Tween bajo AS3, intro.

Partamos por lo básico, MC Tween es una librería gratuita mayormente usada en flash, también se puede usar en Flex y Air, la cual nos permite asignar propiedades a los MovieClips dinámicamente usando una transición definida por ecuaciones matemáticas, en otras palabras crear animaciones de manera simple y rápida con sólo un par de  líneas de código.

Usar MC Tween bajo AS2 no requiere mayor estudio o conocimientos en lo que es código, pero cuando queremos usar AS3 tenemos que tener clara ciertas cosas sobre como programar, manejar, instanciar clases y paquetes.

Para encontrar mas información sobre la programación orientada a objeto bajo AS3, recomiendo el libro Essential ActionScript Url: http://www.moock.org/eas3/

Primero que todo debemos bajar la librería de MC Tween para AS3 en http://code.google.com/p/tweener/ donde también encontrarán documentación sobre la librería y de cómo ocuparla, así como los tipos de transiciones, una vez hecho esto sólo tenemos que descomprimir y después importar la librería a la clase  a la cual queremos animar, esto se puede ver en en mas profundidad en el archivo fuente del  ejemplo de acontinuación:

Baja el ejemplo desde acá.

Este pequeña y simple animación solo fue con dos líneas de código:

  • Tweener.addTween((this.circle as MovieClip),{ x:290, time:0.8, transition:”easeOutQuad”});
  • Tweener.addTween((this.circle as MovieClip),{ x:100, time:5, transition:”easeOutElastic”, delay:1});

En Tweener.addTween( ) tenemos dos parámetros, uno es el movieclip que queremos animar y el otro es la tabla hash ( o puede ser un objeto) con las propiedades, tiempos y  transiciones a añadir a nuestro moviclip. Los parámetros tweening (que van dentro de la tabla hash o del objeto)  que son muchos más, y  se pueden encontrar en detalle en http://hosted.zeh.com.br/tweener/docs/en-us/.