La clase Tween Parte 2: Creación de un rollover avanzado
Comentarios: 0Tags: FLASH, ACTIONSCRIPT, TWEEN
Fecha: 18/10/2006
Asociados a la clase Tween existen diversos métodos que podemos utilizar:
- Tween.yoyo(): Indica a la animación interpolada que continúe desde su valor actual hasta un nuevo valor.
- Tween.fforward(): Avanza la animación interpolada directamente al final de la animación.
- Tween.nextFrame(): Avanza la animación interpolada al siguiente fotograma.
- Tween.prevFrame(): Dirige la animación interpolada al fotograma anterior al actual.
- Tween.resume(): Reanuda una animación interpolada a partir del punto en que se ha detenido en la animación.
- Tween.rewind(): Retrocede una animación interpolada hasta el principio de la misma.
- Tween.start(): Inicia la animación interpolada desde el principio.
- Tween.stop(): Detiene la animación interpolada en su posición actual.
- Tween.toString(): Devuelve el nombre de clase, "[Tween]".
- Tween.yoyo(): Ordena a la animación interpolada que se reproduzca a la inversa desde el último sentido de incrementos de la propiedad de interpolación.
En el siguiente ejemplo utilizaré Tween.yoyo() para hacer un rollover de botones avanzados:
1.- Se han creado cuatro cuadrados como clips de pelÃÂcula, con los nombres de instancia "Cuadro1_mc", "Cuadro2_mc", "Cuadro3_mc" y "Cuadro4_mc".
2.- He variado los puntos de registro para que en todos los casos el redimensionamiento sea hacia los extremos.
3.- Importamos la clase tween y las funciones de easing.
import mx.transitions.Tween;
import mx.transitions.easing.*;
4.- Ahora tan sólo deberemos asignar las acciones que se efectuarán al evento onRollOver y al evento onRollOut. En el evento onRollover redimensionaremos tanto a lo ancho como a lo alto el clip y al evento onRollOut reproduciremos la animación a la inversa para que vuelva a su estado original.
_root.Cuadro1_mc.onRollOver = function() {
miXTween = new mx.transitions.Tween(this, "_xscale", Bounce.easeOut, 100, 200, 1.5, true);
miYTween = new mx.transitions.Tween(this, "_yscale", Bounce.easeOut, 100, 200, 1.5, true);
};
_root.Cuadro1_mc.onRollOut = function() {
miXTween.yoyo();
miYTween.yoyo();
};
Descargar archivo (Se necesita Flash 8) » »
Algunas entradas relacionadas:
- Clase Uri
- Dibujo Flash VIII: Manejadores
- La clase Tween Parte 1
- El componente DateField. Primera Parte
- BevelFilter
Construyendo un verdadero triple click con jQuery
arturo Romo en 16 acciones de Photoshop para dar profesionalidad a tus imágenes
