Tweener! Lezione approfondita parte 1!

Come ricorderete, qualche giorno fa ho parlato di Tweener, delle sue peculiarità e delle sue funzioni base:

• Tweener! Una classe per creare movimento in Flash

Oggi vorrei esplorarla con voi ancora più in profondità in maniera da poter sfruttare ancora meglio questa bellissima API.

Ora, senza perdere tempo nell’impostare il progetto di partenza con la document class etc, preferirei passare direttamente a quelle che sono le istruzioni di cui voglio parlare.

addCaller

Questo metodo è veramente utile in certi casi; in pratica vi permette di richiamare un certo numero di volte nell’arco di un certo intervallo di tempo una certa funzione, con la possibilità di specificare anche l’andamento temporale di tali chiamate stabilendo a priori il tipo di transizione:

Tweener.addCaller(movie_mc, {onUpdate:nomeFunzione, time:5, count:10, transition:"easeinquad"});

oncomplete

Un evento di cui sentirete fin dall’inizio la necessità  è l’evento onComplete. Per utilizzare questo evento basta specificare il parametro onComplete all’interno della nostra chiamata al metodo addTween:

Tweener.addTween(movie_mc, {time:1, onComplete:nomeFunzione});
 
function nomeFunzione():void {
 
}

Questa come potrete intuire vi servirà parecchio quando avrete bisogno di identificare il momento in cui una tween finisce.

onUpdate

Questo evento viene richiamato continuamente durante tutto l’arco della tween, e quindi quando una tween aggiorna i suoi parametri:

Tweener.addTween(movie_mc, {tme:1, alpha:1, onUpdate:nomeFunzione});
 
function nomeFunzione():void {
 
trace(movie_mc.alpha);
 
}

pause, resume e remove di tweens

Se avrete la necessità di mettere in pausa la vostra tween, i metodi che vi sto per elencare faranno al caso vostro:

pauseTweens: mette in pausa tutte le tween di un dato oggetto. Si usa così:

Tweener.pauseTweenes(movie_mc);

C’è anche la possibillità di mettere in pausa una certa proprietà di tale oggetto:

Tweener.pauseTweenes(movie_mc, "x");

pauseAllTweens: mette in pausa tutte le tweens in quel momento attive.

Tweener.pauseAllTweens();

resumeTweenes e resumeAllTweens sono le controparti per il resume delle tweens messe in pausa e si utilizzano alla stessa maniera:

Tweener.resumeTweens(movie_mc, "x");

Tweener.resumeAllTweens();

removeTweens e removeAllTweens rimuovo le tweens di un determinato oggetto o di tutti gli oggetti che in quel momento hanno una tween associata, che siano in esecuzione o in pausa. Si possono rimuovere anche singole tweens di singole proprietà. Facciamo qualche esempio:

Tweener.removeTweens(movie_mc);//rimuovo la tween a movie_mc

Tweener.removeTweens(movie_mc, "x");//rimuovo la tween relativa alla proprità x dell'oggetto movie_mc

Tweener.removeAllTweens();//rimuovo tutte le tweens

valido per tutte: ogni funzione vista in questo paragrafo restituisce sempre un return di tipo Boolean, a seconda sia andato a buon termine l’istruzione oppure no.

Per oggi mi fermo qui. Nel prossimo articolo che dedicherò all’API Tweener descriverò il suo utilizzo nel caso volessimo animare altri tipi di proprietà, come ad esempio effetti, suoni, colori. In questo caso infatti Tweener utilizza delle classi predisposte che dovranno essere inizializzate per poterne usufruire.

Alla prossima!!

Autore:

Roberto Cinetto - Web & Graphic Designer

Giovane designer di Padova Roberto è sempre stato appassionato del mondo informatico e come tale è sempre alla ricerca di nuove ispirazioni e di nuove tecnologie da esplorare. Da molti anni è anche chitarrista e amante della musica in generale. Il suo sogno è di riuscire un giorno a creare una agenzia multimediale competente in web, grafica/video e recording/mixing, naturalmente tramite la collaborazione con svariati professionisti.