Salve a tutti !
Vi sarete di certo accorti che alcune volte utilizzo delle Tweener che non sono quelle implementate di default in Flash CS3.
Vorrei pesentarvi questa Tweener:
caurina di Zeh Fernando.
Personalmente la trovo molto utile e davvero ben fatta.
Scorrevole, facile da usare e con effetti molto eleganti.
In questo primo tutorial di questa serie, spiego come importare la Tweener e come applicare i primi semplici effetti.
E' molto utile e spesso risparmia tempo per chi non volesse tutte le volte scrivere il codice intero per creare effetti tipo
inerzia,
accelerazione,
spring ecc ecc.
Vediamo alcuni esempi...
Potete trovare le caratteristiche tecniche di questa classe al seguente indirizzo:
http://hosted.zeh.com.br/tweener/docs/en-us/ e scaricare i files da questo link:
http://<b>http://tweener.googlecode....62_as3.zip</b>
Per poter utilizzare questa Tweener devo per prima cosa tenere la cartella caurina nella stessa cartella in cui ho il FLA principale.
Poi devo importare la classe Tweener, in questo modo:
Code:
import caurina.transitions.Tweener;
Esempio 1 - semplice tween
Creo un FLA che salvo con nome ' main_1.fla '.
Al suo interno ho una MovieClip sullo stage con nome istanza ' clip_mc '.
Apro il pannello azioni e scrivo:
Code:
import caurina.transitions.Tweener;
Tweener.addTween(clip_mc,{x:500,time:1,transition:"easeOutBounce"});
Dopo avere importato la classe, basta aggiungere una tween riferendosi in questo modo:
Tweener.addTween(clip_mc,{x:500,time:1,transition:"easeOutBounce"});
In sostanza:
chiamo Tweener.addTween passandogli come primo valore la MovieClip alla quale voglio applicare la tween e poi un oggetto ( tra le parentesi graffe ) con i parametri che voglio utilizzare.
In questo caso ho passato la x con valore 500 ( questo significa che porterà clip_mc a coordinata x di 500 ).
Poi passo time:1, cioè voglio che la durata della tween sia di un secondo.
Poi passo come transition, una stringa che determina il tipo di transizione che voglio fare ( potete trovare una lista di tutte le transizioni a questo indirizzo:
http://hosted.zeh.com.br/tweener/docs/en-us/ .
Esempio 2 - multi tween
Creo un FLA che salvo con nome ' main_2.fla '.
Apro il pannello azioni e scrivo:
Code:
import caurina.transitions.Tweener;
var my_array:Array=new Array();
var timer:Timer;
for(var i:int=0;i<10;i++)
{
var clip:MovieClip=new MovieClip();
clip.graphics.beginFill(0x33FFFF,1);
clip.graphics.drawRect(0,0,35,35);
clip.graphics.endFill();
addChild(clip);
my_array.push(clip);
clip.x=35+clip.width*i+10*i;
clip.y=10;
}
timer=new Timer(300,my_array.length);
timer.addEventListener(TimerEvent.TIMER,cambiaColore);
timer.start();
function cambiaColore(evt:TimerEvent):void
{
Tweener.addTween(my_array[evt.target.currentCount-1],{_color:0x333333,time:1,transition:"easeInBounce"});
Tweener.addTween(my_array[evt.target.currentCount-1],{y:100,time:1,transition:"easeInBounce"});
}
Creo 10 MovieClip con un ciclo e le inserisco in un Array.
Aziono un Timer che chiama una funzione nella quale applico 2 tweens ( una sul colore ed una sulla y ) alla MovieClip recuperata dall' indice dell' Array con valore pari al currentCount del Timer di quel momento.
Esempio 3 - intercettare quando la tween è finita
Certe volte serve sapere quando l' animazione della tween cha abbiamo applicato ad una MovieClip è finita.
In questo modo possiamo chiamare altre funzioni ed eseguire altro codice del nostro progetto Flash.
Per intercettare l' evento che viene scaturito da Tweener alla fine di una animazione, dobbiamo passare un parametro al metodo addTween che si chiama onComplete.
In questo modo:
Code:
import caurina.transitions.Tweener;
Tweener.addTween(clip_mc,{x:500,time:1,transition:"easeOutBounce",onComplete:ItsDone});
Insieme ad onComplete passo il nome della funzione che voglio sia eseguita alla fine della tween ( in questo caso l' ho chiamata ItsDone ).
Alla prossima !
13-12-07, 06:44
Linear Mode
