The Simplest Website

Mediante el uso de la clase Tween, y unos simples botones, podemos crear una pagina web sencilla en un solo fotograma. Aqui el resultado.

y el archivo raíz

Seguir leyendo

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:

1. Se da de alta la clase con la palabra reservada var y el nombre de la clase
2. Entre parentesis espera la clase varios valores que son:
   1. El objeto que se va a animar.
   2. Entre comillas la propiedad que queremos animar (widht, height, x, y, alpha, etc).
   3. La funcion de easing que se quiera utilizar (Strong, Elastic, etc).
   4. El valor inicial.
   5. El valor final.
   6. El numero de segundos o cuadros que se va a tardar.
   7. 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:

Seguir leyendo

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

1. Teniendo el movieClip creado, damos click derecho en el fotograma clave y elegimos Create Motion Tween. Se creara automaticamente 1 segundo de animación.
2. 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.
3. 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.

Seguir leyendo