Tween  - AS3 Flash

Valeur initiale de la propriété désignée de l’objet cible avant le démarrage de l’interpolation.

La durée de l’animation interpolée en images ou en secondes. Cette propriété est définie sous forme de paramètre lors de la création d’une occurrence Tween ou de l’appel à la méthode Tween.yoyo().

Nombre indiquant la valeur de fin de la propriété de l’objet cible à interpoler. Cette propriété est définie sous forme de paramètre lors de la création d’une occurrence Tween ou de l’appel à la méthode Tween.yoyo().

Eléments de l’API associés

Nombre d’images par seconde calculé dans l’animation interpolée. Par défaut, la cadence actuelle de la scène est utilisée pour calculer l’animation interpolée. Définir cette propriété permet de recalculer le nombre d’incréments dans la propriété animée, qui est affichée à chaque seconde sur la propriété Tween.FPS plutôt que sur la cadence actuelle de la scène. La définition de la propriété Tween.FPS ne modifie pas la cadence effective de la scène.

Remarque : la propriété Tween.FPS renvoie undefined, à moins que vous ne l’ayez déjà définie de façon explicite.

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();
}

Fonction d'accélération utilisée avec l'interpolation.

Indique si l’animation interpolée est en cours de lecture.

Indique si l’interpolation doit être exécutée en boucle. Si la valeur est true, l’interpolation redémarre indéfiniment chaque fois qu’elle se termine. Si la valeur est false, l’interpolation n’est lue qu’une fois.

Objet cible auquel est appliquée l’interpolation.

Valeur actuelle de la propriété de l’objet cible en cours d’interpolation. Cette valeur est mise à jour avec chaque image dessinée de l’animation interpolée.

Nom de la propriété affectée par l’interpolation de l’objet cible.

L’heure actuelle dans la durée de l’animation.

Indique si la durée de l’interpolation est définie en images ou en secondes. La valeur true entraîne l’animation de l’interpolation pendant un nombre de secondes spécifié dans la propriété duration. La valeur false entraîne l’animation de l’interpolation pendant un nombre d’images.

Crée une occurrence de la classe Tween. Utilisez la fonction constructeur avec l’opérateur new : var myTween:Tween = new Tween().

Eléments de l’API associés

Indique à l’animation interpolée de poursuivre l’interpolation de son point d’animation actuel à un nouveau point de durée et de fin.

Paramètres

Eléments de l’API associés

Transmet l'animation interpolée directement à la valeur finale de l'animation interpolée.

Transmet l’animation interpolée à la prochaine image d’une animation arrêtée. Utilisez cette méthode pour transmettre une image à la fois d’une animation interpolée après avoir utilisé la méthode Tween.stop() pour l’arrêter.

Remarque : N’utilisez cette méthode que pour les interpolations à base d’images. Une interpolation est définie à base d’images lors de sa création en définissant le paramètre useSeconds sur false.

Lit l’image précédente de l’animation interpolée depuis le point d’arrêt actuel d’une animation qui a été arrêtée. Utilisez cette méthode pour lire une animation interpolée en arrière d’une image à la fois après l’avoir arrêtée à l’aide de la méthode Tween.stop().

Remarque : N’utilisez cette méthode que pour les interpolations à base d’images. Une interpolation est définie à base d’images lors de sa création en définissant le paramètre Tween.start() useSeconds sur false.

Eléments de l’API associés

Reprend la lecture d’une animation interpolée arrêtée. Utilisez cette méthode pour poursuivre une animation interpolée après son arrêt à l’aide de la méthode Tween.stop().

Remarque : N’utilisez cette méthode que pour les interpolations à base d’images. Une interpolation est définie à base d’images lors de sa création en définissant le paramètre useSeconds sur false.

Recule la lecture d’une animation interpolée jusqu’à sa valeur de début. Si la méthode Tween.rewind() est appelée pendant la lecture de l’animation interpolée, l’animation est rembobinée jusqu’à sa valeur de début et poursuit la lecture. Si la méthode Tween.rewind() est appelée alors que l’animation interpolée est arrêtée ou a terminé son animation, l’animation interpolée est rembobinée jusqu’à sa valeur de début, et reste arrêtée. Utilisez cette méthode pour rembobiner une animation interpolée à son point de départ une fois que vous l’avez arrêtée en utilisant la méthode Tween.stop() ou pour rembobiner une animation interpolée pendant sa lecture.

Paramètres

Démarre la lecture d’une animation interpolée depuis son point de départ. Cette méthode permet de redémarrer une interpolation depuis le début de son animation après son arrêt ou la fin de son animation.

Arrête la lecture d’une animation interpolée à sa valeur actuelle.

Indique à l’animation interpolée d’effectuer la lecture à l’envers en partant de la dernière direction des incréments de propriété interpolés. Si cette méthode est appelée avant la fin de l’animation d’un objet Tween, l’animation passe directement à la fin de sa lecture, puis lit dans la direction inverse à partir de ce point. Si vous appelez la méthode Tween.yoyo() dans un gestionnaire d’événement TweenEvent.MOTION_FINISH, vous pouvez obtenir un effet d’animation qui termine sa lecture, puis inverse toute sa lecture. Cette procédure garantit que l’effet inverse de la méthode Tween.yoyo() ne commence pas tant que l’actuelle animation interpolée n’est pas terminée.

Les valeurs des propriétés de l’objet d’événement sont les suivantes :

Les valeurs des propriétés de l’objet d’événement sont les suivantes :

Les valeurs des propriétés de l’objet d’événement sont les suivantes :

Les valeurs des propriétés de l’objet d’événement sont les suivantes :

Les valeurs des propriétés de l’objet d’événement sont les suivantes :

Les valeurs des propriétés de l’objet d’événement sont les suivantes :

Remarque : pour les classes du package fl.transitions, vous devez utiliser une instruction import, y compris dans le panneau Actions de Flash Professional (la plupart des classes ne nécessitent pas l’instruction import dans le panneau Actions). Utilisez * au niveau du package pour inclure toutes les classes de ce dernier ou les importer individuellement.

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);
     }
}