Tween  - AS3 Flash

Valor inicial de la propiedad designada del objeto de destino antes del comienzo de la interpolación.

Duración de la animación interpolada en fotogramas o segundos. Esta propiedad se establece como un parámetro cuando se crea una nueva instancia de Tween o cuando se llama al método Tween.yoyo().

Número que indica el valor final de la propiedad de objeto de destino que se va a interpolar. Esta propiedad se establece como un parámetro cuando se crea una nueva instancia de Tween o cuando se llama al método Tween.yoyo().

Elementos de API relacionados

Número de fotogramas por segundo calculado en la animación interpolada. De manera predeterminada, la velocidad de fotogramas actual del escenario se utiliza para calcular la animación interpolada. Al establecer esta propiedad se recalcula el número de incrementos en la propiedad animada que se muestra cada segundo como el valor de la propiedad Tween.FPS en lugar de la velocidad de fotogramas actual del escenario. Al establecer el valor de la propiedad Tween.FPS, la velocidad de fotogramas real del escenario no cambia.

Nota: la propiedad Tween.FPS devuelve undefined a menos que primero se establezca explícitamente.

import fl.transitions.Tween;
import fl.transitions.easing.*;
 
var tween:Tween = new Tween(mc, "x", Elastic.easeOut, 0, 300, 3, true);
tween.FPS = 60;
 
mc.addEventListener(MouseEvent.CLICK, onClick);
 
function onClick(evt:MouseEvent):void {
    tween.start();
}

Función de aceleración utilizada con la interpolación.

Indica si la interpolación se está reproduciendo en ese momento.

Indica si la interpolación ejecutará un bucle. Si el valor es true, la interpolación se reiniciará indefinidamente cada que se complete la interpolación. Si el valor es false, la interpolación se reproducirá una sola vez.

Objeto de destino que se está interpolando.

Valor actual de la propiedad del objeto de destino que se está interpolando. Este valor se actualiza con cada fotograma dibujado de la animación interpolada.

Nombre de la propiedad afectada por la interpolación del objeto de destino.

Tiempo transcurrido de la duración de la animación.

Indica si la interpolación se reproduce durante un período de fotogramas o segundos. El valor true hará que la interpolación se anime durante un período de segundos especificado mediante la propiedad duration. false hará que se anime durante un período de fotogramas.

Crea una instancia de la clase Tween. Utilice la función constructora con el operador new: var myTween:Tween = new Tween().

Elementos de API relacionados

Indica a la animación interpolada que continúe la interpolación desde el punto de animación actual hasta un nuevo punto final y de duración.

Parámetros

Elementos de API relacionados

Lleva la animación interpolada directamente a su valor final.

Lleva la animación interpolada hasta el fotograma siguiente de una animación detenida. Utilice este método para avanzar un fotograma en un tiempo de una animación interpolada tras utilizar el método Tween.stop() para detenerla.

Nota: utilice este método sólo en animaciones basadas en fotogramas. Para especificar que una interpolación se base en fotogramas, debe establecer el parámetro useSeconds como false.

Reproduce el fotograma anterior de la animación interpolada desde el punto en el que se ha detenido en una animación detenida. Utilice este método para retroceder la animación interpolada un fotograma hasta un momento después de haberla detenido mediante el método Tween.stop().

Nota: utilice este método sólo en animaciones basadas en fotogramas. Para especificar que una interpolación se base en fotogramas, debe establecer el parámetro Tween.start() useSeconds como false.

Elementos de API relacionados

Reanuda la reproducción de una animación interpolada detenida. Utilice este método para continuar una animación interpolada tras haberlo detenido mediante el método Tween.stop().

Nota: utilice este método sólo en animaciones basadas en fotogramas. Para especificar que una interpolación se basa en fotogramas, debe establecer el valor false en el parámetro useSeconds.

Desplaza la reproducción de una animación interpolada hasta su valor inicial. Si se llama a Tween.rewind() mientras se está reproduciendo la animación interpolada, la animación se rebobina hasta su valor inicial y continúa reproduciéndose. Si se llama a Tween.rewind() mientras la animación interpolada está detenida o ha finalizado, la animación interpolada se rebobina hasta su valor inicial y permanece detenida. Utilice este método para rebobinar una animación interpolada hasta su punto inicial después de haberla detenido mediante el método Tween.stop() o para rebobinar una animación interpolada mientras se reproduce.

Parámetros

Inicia la reproducción de una animación interpolada desde su punto inicial. Este método se utiliza para reiniciar una instancia de Tween desde el principio de su animación después de que se haya detenido o completado su animación.

Detiene la reproducción de una animación interpolada en su punto actual.

Ordena a la animación interpolada que se reproduzca a la inversa desde el último sentido de incrementos de la propiedad de interpolación. Si se llama a este método antes de que se complete la animación del objeto Tween, la animación salta bruscamente al final de la reproducción en dirección inversa desde ese punto. Puede conseguir el efecto de una animación completando toda su reproducción y, a continuación, invirtiéndola llamando al método Tween.yoyo() dentro de un controlador de eventos TweenEvent.MOTION_FINISH. Este proceso garantiza que el efecto inverso del método Tween.yoyo() no comienza hasta que no se complete la animación interpolada actual.

Las propiedades del objeto de evento tienen los siguientes valores:

Las propiedades del objeto de evento tienen los siguientes valores:

Las propiedades del objeto de evento tienen los siguientes valores:

Las propiedades del objeto de evento tienen los siguientes valores:

Las propiedades del objeto de evento tienen los siguientes valores:

Las propiedades del objeto de evento tienen los siguientes valores:

Nota: para las clases del paquete fl.transitions, es necesario utilizar una sentencia import, incluso en el panel Acciones de Flash Professional (para la mayoría de clases no es necesaria la sentencia import en el panel Acciones). Utilice * en el nivel del paquete para incluir todas las clases del paquete, o importe cada una por separado.

import fl.transitions.Tween;
import fl.transitions.easing.*;
   
//create a Sprite instance
var mySprite:Sprite = new Sprite()
   
// create an input text field
var myTextField:TextField = new TextField();
   
myTextField.type = TextFieldType.INPUT;
myTextField.width = 180;
myTextField.height = 20;
myTextField.x = 20;
myTextField.y = 140;
myTextField.border = true;
myTextField.text = "Type a number here and press Enter";
myTextField.restrict = "0-9";   
 
addChild(myTextField);

// add a listener when the user clicks in the text field
myTextField.addEventListener(MouseEvent.CLICK, fieldClickHandler);

// add a listener for a key press
myTextField.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
 
// clear the text field when the user clicks in it to enter a value
function fieldClickHandler(event:MouseEvent):void {
    myTextField.text = "";
}

// if the key pressed is the Enter key
// change the values of the box's width based on the value provided
function keyDownHandler(event:KeyboardEvent):void {
     if (event.keyCode == Keyboard.ENTER) {  

     mySprite.graphics.clear();
     var userNumber:Number = new Number(myTextField.text);
     mySprite.graphics.beginFill(0x666999);
     mySprite.graphics.drawRect(0, 0, 40, 120);
     addChild(mySprite);
     //provide tween values, including passing the variable userNumber for the width at
     //the end of the tween
     var myTween:Tween = new Tween(mySprite, "width", Elastic.easeOut, 0, userNumber, 4, true);
     }
}