Tempo: 15 minuti.
Difficoltà Livellata: Intermedio
Requisiti: Flash 8
Conoscenza Presupposta: Actionscripting di base, usando la finestra di azioni,
usando le variabili, generanti i simboli.
|
|
Scopo:
Ho desiderato sempre animare un tasto da ActionScript e
mantenere la mia radura di timeline ma era genere di duro, fino a che
non inciampassi su questo motore di Tweening da mi estenderà.
Questa lezione privata usa il motore di Tweening per animare un
tasto. È effettivamente un attrezzo grande e dico quello
perché con esso mi ha occorr abbastanza poco tempo fare una
animazione.
Campioni & Introduzione
Potete verificare la animazione del tasto dentro
qui, come potreste desiderare vederla nell'azione. Franco, sono
venuto attraverso con l'animazione del genere del tasto di ogni volta
che ho dovuto sviluppare un Web site; di conseguenza questa
estensione ora è uno degli attrezzi che posso contare sopra quando
lancia un nuovo progetto.
Prima di voi inizi:
Trasferisca prego gli archivi sorgente dal sistema centrale verso i satelliti: Animated_Button.fla e TweeningEngine.mxp.
Per mezzo del motore di Tweening:
Per i dispositivi d'avviamento, installano “l'estensione” di TweeningEngine.mxp (dovete semplicemente doppio-scatto su esso e li condurrà al responsabile di estensione). dovete flash di open/reopen.
Generi un nuovo documento. Fissare il tasso della
struttura a 35.
Faccia una clip di film che contiene un rettangolo con i
angoli arrotondati, altro più piccolo come l'altezza e con un colore
più chiaro sulla parte superiore prime quella ed alfa si è regolata
a 50, allora aggiungono il testo per il tasto.
Chiamile ed inoltre chiami i casi. (ho backofbutton,
frontofbutton con i loro casi corrispondenti: BoB e FOB).
Faccia un'altra clip di film per contenere tutto il clip
e testo suddetti di film. Chiamilo nome – di
caso di MyButton: MyB.
D'ora in poi ci sarà soltanto un po'di codificazione da fare, ma preoccupazione’dello shouldn t, esso vi concluderete con una animazione fine dopo esattamente 6 linee.
I primi due sono usati per importare i codici categoria tweening ed il codice categoria e dell'istantaneo transition/easing dovrebbero essere inseriti nella finestra di azioni del primo telaio all'interno “della clip” di film di MyButton.
importazione xtd.tweening. *;
importazione mx.transitions.easing. *;
importazione flash.filters.DropShadowFilter;
Abbiamo ottenuto alla parte quando dovremmo animare il tasto. Il muggito di codice sta andando regolarlo FOB quanto a shrink, textColoring cambierà il colore verso l'esterno di testo ed il BackShadow farà il tasto cadere l'ombra.
varietà StripShrink = nuovo Tween(FoB, "_ yscale",
Bounce.easeOut, 95, 0, 10, falsi);
varietà che textColoring = nuovo ColorTween(TextLine,
Strong.easeOut, "corrente", "663300", 8, falsi);
varietà BackShadow = nuovo FilterTween(BoB, nuovo
DropShadowFilter(1, 90, 0x000000, 5, 5, 5, 1, 3),
"distance",Strong.easeOut, "current",10,20,false);
Come potete vedere che è stato usato tre tipi di Tween ciascuno molto semplice capire dovere accennare il caso della clip di film si riferisce a, la proprietà la Tween cambierà, il tipo facilitante, il valore iniziare, il valore di conclusione, la durata e se la Tween comincia automaticamente oppure no.
Poichè abbiamo scelto “falso” per “la proprietà” di autostart, le Tween cominci
quando hanno l'eccedenza del mouse: this.onRollOver =
function() { StripShrink.start(); BackShadow.start(); textColoring.start();
};
this.onRollOut = function()
{ StripShrink.reverse(Regular.easeIn); BackShadow.reverse(Regular.easeOut); textColoring.reverse(Regular.easeOut); };
Quando il mouse non è più sul nostro tasto le Tween saranno invertite con differenti funzioni facilitanti.
Chiusura
Ricapitolare tutta che avessi realizzato con questa animazione che semplice dovrei cominciare ricordandovi che con 6 linee di codice in 15 minuti o di meno, senza alcuna modifica di timeline là è stata generata una animazione del tasto.
Grazie per la lettura della questa lezione privata e che speri che troviate utile questa lezione privata ed il ve dell'attrezzo’I usato per fare il tasto animato.
Online: 586 users browsing the articles directory
|
|