I vantaggi del tweener Caurina sono veramente molti, in questo articolo voglio descrivere i principali parametri della classe. Questi permettono un’ottima gestione della transazione, permettono innanzitutto un controllo del timer interno al movimento (qualsiasi movimento ha un momento d’inizio, uno di fine e un tempo di transazione più o meno lungo) veramente efficente e veloce.

Il più importante parametro è senza dubbio “onComplete”, che avvia una qualsiasi funzione al momento finale del movimento, cioè appena la transazione è compiuta.

onComplete

Vediamo 2 esempi di questo parametro che userete quasi sempre per le vostre transazioni, il primo chiama una l’istanza di una funzione esterna, il secondo esempio invece implementa la funzione direttamente all’interno della riga di costruzione del tweener. La sostanza non cambia assolutamente, ma il primo esempio è sicuramente da preferire per una pulizia del codice mentre il secondo lo consiglio solo per funzioni molto brevi.

//1° esempio: aumenta la trasparenza di un MC e poi lo rende invisibile
rendiInvisibile= function() {
myMovieClip.visible = false
};
Tweener.addTween(myMovieClip, {alpha:0, time:2, onComplete:rendiInvisibile});

//2° esempio
Tweener.addTween(myMovieClip, {alpha:0, time:2, onComplete:function() { myMovieClip.visible = false; } } );

delay

indica quanti secondi deve attende prima dell’avvio dell’animazione, vediamo come utilizzarlo nell’esempio successivo del parametro “onStart”.

onStart

parametro molto simile a “onComplete”, che però richiama una qualsiasi funzione al momento d’avvio della transizione. Come per “onComplete” può richiamare una funzione esterna o implementarla direttamente nella riga di codice del Tweener.

//la funzione “showUp” avvia un altro Tweener ad un altro MovieClip
showUp = function() {
myMovieClip2.x = 0;
myMovieClip2.y = 100;
myMovieClip2.alpha = 1;
Tweener.addTween(myMovieClip2, {alpha:0, x:400, y: 200, time:1, delay:4});
};
myMovieClip.x = -100;
myMovieClip.y = -100;
myMovieClip.alpha = 0;
//il parametro onStart richiama la funzione “showUp”,
//mentre il movimento si avvierà soltanto dopo 4 secondi
//(perchè così è impostato dal parametro “delay”)
Tweener.addTween(myMovieClip, {alpha:1, x:200, y: 100, time:1, delay:4, onStart:showUp});

OnUpdate

avvia una funzione ogni volta che il Tweener agisce (ossia modifica le proprietà del MC destinatario), agisce similmente ad un “enterFrame” limitato al periodo di azione del movimento del Tweener. Inoltre si costruisce allo stesso modo del parametro “onComplete”.

//spostiamo il MC nell’asse X e mostriamo continuamente
//la nuova coordinata in ogni frame.
Tweener.addTween(myMovieClip, {x:200, time:4, onUpdate:function() { trace (”La coordinata X è ” + myMovieClip.x); }});

useFrames

Quest’ultimo parametro è utile nel caso in cui preferiate controllare il tempo di animazione coi frame, apposto dei secondi. “useFrames” accetta un valore booleano, che in caso di “true” indica l’utilizzo dei frames apposto dei secondi, in questo caso ogni valore inserito in “time” o in “delay” si riferirà al numero di fotogrammi del filmato, vediamo un esempio:

//movimento lungo l’asse X di durata 105 frame.
Tweener.addTween(myMovieClip, {x:100, time:105, useFrames:true});

Esistono anche altre tipologie di parametri, le potete trovare qui, ma secondo me sono poco importanti perchè molto simili a quelle elencate sopra e comunque di scarsa utilità.