Mediante el uso de la clase Tween, y unos simples botones, podemos crear una pagina web sencilla en un solo fotograma. Aqui el resultado.
This movie requires Flash Player 8
y el archivo raíz
Tween en AS3
La clase Tween es un novedad en ActionScript 3.0, ya que esto nos permite animar desde AS3. Esta clase tiene diferentes propiedades y metodos, pero primero tenemos que ver la sintaxis.
Antes que nada tenemos que cargar las clases en nuestra pelicula con el siguiente script:
Despues podemos dar de alta la clase Tween de la siguente manera:
- Se da de alta la clase con la palabra reservada var y el nombre de la clase
- Entre parentesis espera la clase varios valores que son:
- El objeto que se va a animar.
- Entre comillas la propiedad que queremos animar (widht, height, x, y, alpha, etc).
- La funcion de easing que se quiera utilizar (Strong, Elastic, etc).
- El valor inicial.
- El valor final.
- El numero de segundos o cuadros que se va a tardar.
- Por ultimo se establece si se va a utilizar cuadros o segundos. (true significa que son segundos y false que son frames)
Lo cual quedaría de la siguiente manera:
Agregando un simple Listener de CLICK quedaría asi:
This movie requires Flash Player 8
Flash CS4 – Motion Tween
Motion Tween es la nueva interpolación de Flash, desde la versión CS3, este cuenta con diferentes propiedades.
Creación
- Teniendo el movieClip creado, damos click derecho en el fotograma clave y elegimos Create Motion Tween. Se creara automaticamente 1 segundo de animación.
- Para crear los cambios, debemos mover el cabezal para ir al fotograma donde queremos cambiar la posicion y la cambiamos simplemente arrastrando el simbolo, automaticamente se agregaran pequeños rombos en la linea de tiempo, que son los fotogramas clave de la Motion Tween.
- Si queremos extender la linea de Tiempo podemos simplemente ir al final de la Motion Tween y podemos extenderla manualmente.
Motion Editor
El motion Editor es una herencia de After Effects a Flash CS4, en la que podemos arreglar y editar la Motion Tween desde la consola del Motion Editor desde una perspectiva mas técnica.
Trabaja a manera de una gráfica, y podemos ir agregando fotogramas clave, efectos, filtros, eases, etc.
Motion Path
El Motion Path es la guia de movimiento para la interpolación, esta puede ser modificada como cualquier otra linea y afectara la trayectoria de toda la interpolación.
También podemos agregar filtros y efectos a la Motion Tween de manera normal, la única diferencia con la Classic Motion Tween es que los filtros y efectos de color se agregan al principio de la Tween, y despues debemos modificarla en cada uno de los fotogramas claves.
