Tween  - AS3 Flash

Il valore iniziale della proprietà specificata dell'oggetto target prima dell'avvio dell'interpolazione.

La durata dell'animazione con interpolazione di movimento, espressa in fotogrammi o secondi. Questa proprietà viene impostata come parametro quando create una nuova istanza Tween o quando chiamate il metodo Tween.yoyo().

Un numero che indica il valore finale della proprietà dell'oggetto target cui applicare l'interpolazione di movimento. Questa proprietà viene impostata come parametro quando create una nuova istanza Tween o quando chiamate il metodo Tween.yoyo().

Elementi API correlati

Il numero di fotogrammi al secondo calcolati nell'animazione interpolata. Per impostazione predefinita la frequenza dei fotogrammi dello stage corrente viene utilizzata per calcolare l'animazione interpolata. L'impostazione di questa proprietà consente di ricalcolare il numero di incrementi nella proprietà animata che viene visualizzata ogni secondo nella proprietà Tween.FPS anziché nella frequenza dei fotogrammi dello stage corrente. L'impostazione della proprietà Tween.FPS non modifica la frequenza dei fotogrammi effettiva dello stage.

Nota: la proprietà Tween.FPS restituisce un valore undefined a meno che non venga impostata esplicitamente.

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

La funzione di andamento utilizzata con l'interpolazione.

Indica se l'interpolazione è in corso di riproduzione.

Indica se l'interpolazione viene ripetuta ciclicamente. Se il valore è true, l'interpolazione viene riavviata indefinitamente ogni volta che viene completata. Se il valore è false, l'interpolazione viene riprodotta una sola volta.

L'oggetto target in corso di interpolazione.

Il valore corrente della proprietà dell'oggetto target a cui si sta applicando l'interpolazione di movimento. Questo valore viene aggiornato con ogni fotogramma disegnato dell'animazione interpolata.

Il nome della proprietà interessata dall'interpolazione dell'oggetto target.

Il tempo corrente all'interno della durata dell'animazione.

Indica se l'interpolazione viene riprodotta per un intervallo di fotogrammi o di secondi. Se il valore è true, l'interpolazione viene animata per il numero di secondi specificato dalla proprietà duration. Se il valore è false, l'interpolazione viene animata per un numero di fotogrammi.

Crea un'istanza della classe Tween. Utilizzate la funzione di costruzione con l'operatore new: var myTween:Tween = new Tween().

Elementi API correlati

Indica all'animazione con interpolazione di movimento di continuare l'interpolazione dal punto corrente a un nuovo punto finish e duration.

Parametri

Elementi API correlati

Passa l'animazione interpolata direttamente al valore finale.

Invia l'animazione interpolata al fotogramma successivo di un'animazione che è stata interrotta. Utilizzate questo metodo per far avanzare di un fotogramma alla volta un'animazione interpolata dopo averla interrotta attraverso il metodo Tween.stop().

Nota: utilizzate questo metodo solo su interpolazioni basate sui fotogrammi. Un'interpolazione di movimento viene impostata in base al fotogramma al momento della creazione impostando il parametro useSeconds su false.

Riproduce il fotogramma precedente dell'animazione interpolata dal punto in cui era stata interrotta. Utilizzate questo metodo per riprodurre all'indietro di un fotogramma alla volta un'animazione interpolata dopo averla interrotta attraverso il metodo Tween.stop().

Nota: utilizzate questo metodo solo su interpolazioni basate sui fotogrammi. Un'interpolazione di movimento viene impostata in base al fotogramma al momento della creazione impostando il parametro Tween.start() useSeconds su false.

Elementi API correlati

Riprende la riproduzione di un'animazione interpolata che è stata precedentemente interrotta. Utilizzate questo metodo per riprendere un'animazione interpolata dopo averla interrotta attraverso il metodo Tween.stop().

Nota: utilizzate questo metodo solo su interpolazioni basate sui fotogrammi. Un'interpolazione di movimento viene impostata in base al fotogramma al momento della creazione impostando il parametro useSeconds su false.

Riporta la riproduzione dell'animazione interpolata al punto iniziale. Se Tween.rewind() viene chiamato mentre l'animazione interpolata è ancora in riproduzione, l'animazione viene riportata al valore iniziale e la riproduzione prosegue. Se Tween.rewind() viene chiamato durante l'interruzione o il completamento dell'animazione, l'animazione interpolata viene riportata al valore iniziale e non riprende. Utilizzate questo metodo per riavvolgere un'animazione interpolata fino al punto iniziale dopo averla interrotta attraverso il metodo Tween.stop() o per riavvolgerla durante la riproduzione.

Parametri

Avvia la riproduzione dell'animazione interpolata dal punto iniziale. Questo metodo viene utilizzato per riavviare un oggetto Tween dall'inizio dell'animazione dopo che quest'ultima è stata interrotta o completata.

Interrompe la riproduzione dell'animazione interpolata in corrispondenza del valore corrente.

Indica la riproduzione dell'animazione interpolata nella direzione inversa rispetto a quella degli ultimi incrementi della proprietà interpolata. Se questo metodo viene chiamato prima del completamento dell'animazione di un oggetto Tween, l'animazione passa bruscamente alla fine della riproduzione e viene riprodotta nella direzione inversa a partire da quel punto. Potete ottenere un effetto di animazione portando a termine la riproduzione completa e invertendola completamente mediante la chiamata del metodo Tween.yoyo() all'interno di un gestore di eventi TweenEvent.MOTION_FINISH. Questa operazione garantisce che l'effetto di inversione del metodo Tween.yoyo non inizi se non dopo il completamento dell'animazione interpolata corrente.

Le proprietà degli oggetti evento hanno i seguenti valori:

Le proprietà degli oggetti evento hanno i seguenti valori:

Le proprietà degli oggetti evento hanno i seguenti valori:

Le proprietà degli oggetti evento hanno i seguenti valori:

Le proprietà degli oggetti evento hanno i seguenti valori:

Le proprietà degli oggetti evento hanno i seguenti valori:

Nota: per le classi nel pacchetto fl.transitions, dovete utilizzare un'istruzione import nel pannello Azioni di Flash Professional (per la maggior parte delle classi è necessario utilizzare l'istruzione import nel pannello Azioni). Utilizzate * a livello di pacchetto per includere tutte le classi nel pacchetto oppure potete importarle singolarmente.

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