Hola, en este Tutorial les enseñaré cómo lograr un efecto de Easing Tween mediante Actionscript 3, ya que es una de las primeras cosas que aprendí solo en ActionScript 3.

Primero debemos importar los paquetes necesarios:

import fl.transitions.*;
import fl.transitions.easing.*;

Luego creamos un nuevo Sprite, en este caso dibujaremos un simple cuadrado.

var box:Sprite= new Sprite   //  Se crea
box.graphics.beginFill(Math.random()*0xffffff); // Se elije color
box.graphics.drawRect(0,0,100,100); // Dibujamos el cuadrado
box.graphics.endFill(); //Terminamos de dibujar
box.x=10  //Posición
box.y=10
addChild(box); // Lo enviamos al Stage.

Comenzando ya con el Tween lo creamos, dándole las opciones de:

(Objeto,Propiedad,Método,Partida,Termino,Duracion,Animación)

Objeto: Es el sprite que creamos en este caso. O sea, a lo que le queremos aplicar el Tween.

Propiedad: Es La propiedad que queremos cambiarle, ya sea el x, el y o el alpha.

Método: Es el tipo de Animación, existen varias. El modo de escribirla es: Movimiento.ease:

Donde movimiento:
None: Se mueve de el lugar a otro pero no le afectan los ease
Elastic: Efecto Elástico
Bounce: Efecto de Rebote
Regular: Se mueve de manera regular.
Strong: Se mueve de una manera más fuerte.
Back: Se mueve y Vuelve un pocoy Ease:

easeIn(): Parte lento

easeinOut(): Parte y Termina Lento

easeOut(): Termina Lento

Partida y Término, es donde empieza y donde termina la propiedad a la cual vamos animar.

Duración : Es el tiempo que demorará en hacer la animación.

Por ultimo “Animación”, siempre déjenlo en true, ya que en false no la muestra.
(more…)