L'effetto Crescere in AS3

Per ottenere l'effetto crescente visto in alcune animazioni Flash clip , come i fiori che crescono animati o germogli che crescono , utilizzare la classe TransitionManager in ActionScript 3 . Con poche righe di codice , AS3 accelera lavorare molto più velocemente di altri processi , quali l'animazione stop-motion . Due tipi di transizione AS3 che sono particolarmente utili per un effetto di crescita sono la Zoom e transizioni Fly . Preparazione

Prima di utilizzare ActionScript per creare un'immagine crescere , è prima necessario convertire l'immagine in un simbolo di clip filmato . Premere il tasto " F8 " sulla tastiera . Poi dare al simbolo un nome di istanza nel pannello Proprietà . È possibile assegnare un nome qualsiasi , tuttavia, il codice di esempio in questo articolo utilizza " _grow ", come il nome del simbolo . Prima di entrare in qualsiasi codice nel pannello Azioni -Frame , prima selezionare la linea temporale corrente facendo clic nel pannello Timeline . Quindi incollare le seguenti due righe di codice per chiamare il TransitionManager ActionScript e le classi di andamento : . .
Import fl.transitions

* ; fl.transitions.easing import * ;
Crescita Uso dello zoom

Il tipo di transizione dello zoom è utile per rendere gli oggetti sembrano crescere verso l'esterno . L'immagine di un piccolo fiore , ad esempio , utilizzando l'effetto di zoom viene visualizzato a crescere in un fiore più grande. Questo esempio utilizza la variabile " myGrowth " per essere utilizzato con il tipo di transizione Zoom. L'attributo durata specifica il tempo in secondi per l'animazione da completare . Copia e incolla il seguente codice nelle righe 3 e 4 del pannello Azioni . È quindi possibile visualizzare in anteprima l'animazione utilizzando l'opzione " Anteprima pubblicazione " nel menu File

var myGrowth : TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition . ( {Type : Zoom , durata: 3 } ) ;
crescita verticale Utilizzando Fly

Il tipo di transizione Fly può essere usato per fare un'immagine sembrare crescere in una direzione, come un germoglio che cresce da l'erba o una vite che cresce verso il basso o da sinistra o destra . Questo tipo di transizione viene utilizzato il parametro " startPoint " per determinare dove l'oggetto inizia . L'esempio seguente utilizza " 8" a partire dal basso del palco . È possibile modificare questo per "7" per l'angolo in basso a sinistra o "9 " per il basso a destra . È possibile utilizzare " 1" per l'angolo superiore sinistro , "2" per il centro o "3" per l'angolo in alto a destra . Per iniziare dal bordo sinistro o destro , è possibile utilizzare " 4" o " 6 ". Incollare il codice seguente nel pannello Azioni -Frame di utilizzare la transizione Fly :

var myGrowth2 : TransitionManager = nuovo TransitionManager ( _grow ) ; myGrowth2.startTransition ( {type : Fly , direzione : Transition.IN , durata: 5 , startPoint : 8 } ) ;
Easing Parametri

È possibile utilizzare i parametri di andamento necessarie per modificare il tasso di crescita in un'animazione in quattro modi . "Regular " e "Strong " alleggerimento provoca l'animazione per accelerare o decelerare ad una velocità regolare o forte gradualmente. "Indietro" allentamento crea un effetto di rimbalzo , rendendo l'immagine crescere leggermente più grande del normale , poi ridursi indietro alla sua dimensione normale . allentamento " elastico " è la stessa di schiena allentamento , ma con un effetto maggiore . Applicare tre attributi differenti per ciascuno di questi parametri per avere l' allentamento iniziano all'inizio, alla fine o sia all'inizio e alla fine dell'animazione . Questi attributi sono " Easin , " " easeOut , " e " easeInOut " Mettere il " " parametro dopo la " allentamento parametro di durata " per vedere i suoi effetti , ad esempio: .

import fl.transitions * ; import fl.transitions.easing * ; myGrowth Var: . . TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition ( {type : Zoom , durata: 5 , facilitando : Strong.easeOut } ) ;