Flash Mx 2004 - Applicare la classe Tween
Tutti gli esempi di utilizzo delle easing functions
(Autore: NEP036)
Inserito il 19-05-2006
Ciao, come da richieste pervenute ecco una pillolina express per capire come applicare ai nostri oggetti molto velocemente tutte le transizioni disponibili con la classe Tween.
Chiaramente a voi tutte le prove, sarà un passatempo piacevole considerando gli effetti simpatici che daremo ai nostri oggetti in maniera molto semplice....con un paio di righe di codice.
E' tutto nel codice, appositamente commentato.
Unica cosa da fare per testare i movimenti è crearci un movieClip sullo stage e istanziarlo ___MC___.
//Importiamo tutte le possibili Tween disponibili // import mx.transitions.Tween; import mx.transitions.easing.Regular; import mx.transitions.easing.Strong; import mx.transitions.easing.Back; import mx.transitions.easing.Elastic; import mx.transitions.easing.Bounce; import mx.transitions.easing.None; // //Per ognuna esistono 4 tipi di ease disponibili: easeIn, easeOut, easeinOut, easeNone // //easeNone funziona solo se usata con import mx.transitions.easing.None; // //Per applicarle è molto semplice: // //Creiamo un oggetto Tween, in questo esempio sarà ___TWEEN___ // //Questo oggetto avrà le seguenti proprietà (object, property, function, begin, end, duration, useSeconds) // //object: sarà il nostro clip, pulsante, campo testo ecc... al quale vogliamo applicare la tween // //property: sarà la proprietà sulla quale interagire (alpha, coordinate, dimensioni, ecc...) // //function: sarà la funzione delle Tween che vogliamo applicare (Strong.easeInOut, Strong.easeIn, Regular.easeOut, ecc..) // //begin e end: sono il valore iniziale e finale che assegneremo alla proprietà dell'oggetto in questione (es. 0, 100 se applicate con la proprietà _x determineranno uno spostamento da 0 a 100) // //duration: sarà il numero di frame della durata della transizione // //useSeconds: è un booleano, quindi true o false (se true il numero di duration equivarrà a secondi e non a frames) // //Adesso ci creiamo un movieClip sullo stage istanziato "___MC___" e proviamo ad applicare tutte le Tween disponibili // //Provatele una per volta, decommentando la tween che si vuole provare // // //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Regular.easeIn, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Regular.easeOut, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Regular.easeInOut, 0, 200, 10, false); // // //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Strong.easeIn, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Strong.easeOut, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Strong.easeInOut, 0, 200, 10, false); // // //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Back.easeIn, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Back.easeOut, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Back.easeInOut, 0, 200, 10, false); // // //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Elastic.easeIn, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Elastic.easeOut, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Elastic.easeInOut, 0, 200, 10, false); // // //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Bounce.easeIn, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Bounce.easeOut, 0, 200, 10, false); //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", Bounce.easeInOut, 0, 200, 10, false); // // //var ___TWEEN___:Tween = new Tween(_root.___MC___, "_x", None.easeNone, 0, 200, 10, false); // //
Inoltre può essere utile sapere quando l'effetto è finito...per compiere ulteriori azioni. Per fare questo ci creiamo un Listener apposito che potete aggiungere al codice precedente....inoltre ho segnalato tutti i possibili stati controllabili dal listener, utilizzabili in base alle vostre necessità
// // var tweenListener:Object = new Object(); // tweenListener.onMotionFinished = function():Void { trace("finito"); }; ___TWEEN___.addListener(tweenListener); // //altri stati che si possono controllare con il listener sono: // // // //onMotionStarted //onMotionStopped //onMotionResumed //onMotionChanged //onMotionLooped //onMotionFinished // // //
A presto, Nep...
