Rastúce efekt v AS3

Pre dosiahnutie rastúci vplyv vidieť v niektorých flash animácie klipy , ako napríklad animované pestovanie kvetín alebo rastúce výhonky , použite triedu TransitionManager v ActionScript 3. S len pár riadkov kódu , AS3 urýchľuje prácu oveľa rýchlejšie ako ostatné procesy , ako je stop - motion animácie . Dva typy AS3 prechodové , ktoré sú užitočné najmä pre rastúce účinok sú zoomu a Fly prechody . Príprava

Pred použitím jazyka ActionScript , aby sa obraz rastú , musíte najprv previesť obrázok na symbol filmového klipu . Stlačte tlačidlo " F8 " na klávesnici . Potom dať symbol názov inštancie v paneli Vlastnosti . Môžete dať mu ľubovoľný názov , ale príklad kódu v tomto článku používa " _grow " ako názov symbolu . Pred vstupom ľubovoľný kód do Akcia - Frame paneli , najprv vyberte aktuálne časovej osi kliknutím v paneli časovej osi . Vložte nasledujúce dva riadky kódu volať na ActionScript TransitionManager a upokojovať triedy : Spojené

dovozné fl.transitions * , * import fl.transitions.easing ;
klipart rast .. použitie zoomu

Prechod typu zoom je užitočná pre výrobu objekty sa javia rast von . Obrázok malé kvety , napríklad pomocou efektu zoomu sa objaví rast do väčšieho kvetu . Tento príklad používa " myGrowth " premenné , ktoré majú byť použité s prechodným typom Zoom . Atribút trvanie určuje čas v sekundách pre animácie , ktoré majú byť dokončené . Skopírujte a vložte nasledujúci kód v riadkoch 3 a 4 v paneli Akcie . Potom môžete zobraziť náhľad animácie pomocou " Publikovať Preview" voľbu v menu Súbor

var myGrowth : TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition ( { typ : Zoom , doba trvania : 3 } ) . ;
vertikálny rast pomocou Fly

Prechod typu Fly môže byť použitá , aby sa obraz objaví na rast v jednom smere , ako je natáčanie rastúca od tráva alebo vínnej révy nadol alebo zľava alebo sprava . Tento typ prechodu používa parameter " východiskový bod " pre určenie , kde začína objekt . Nižšie uvedený príklad používa " 8 " začať od spodnej časti javiska . Môžete zmeniť na " 7 " na ľavom dolnom rohu , alebo " 9 " na vpravo dole . Môžete použiť " 1 " na ľavom hornom rohu , " 2 " pre centrá alebo " 3 " na pravom hornom rohu . Ak chcete začať od ľavého alebo pravého okraja , môžete použiť " 4 " alebo " 6 " . Vložte nasledujúci kód v Akcie - Frame panela použiť Fly prechod :

var myGrowth2 : TransitionManager = nová TransitionManager ( _grow ) ; myGrowth2.startTransition ( { typ : Fly , réžia : Transition.IN , dĺžka : 5 , startPoint : 8 } ) ;
Uľahčenie parametre

Môžete použiť zmiernenie parametre zmeniť tempo rastu v animácii v štyroch smeroch . " Pravidelné " a " Strong " uvoľnenie spôsobí , že animácie sa postupne zrýchľovať alebo spomaľovať na pravidelnom alebo silného kurzu . " Späť " uvoľnenie vytvára bounce efekt , takže obraz rastú o niečo väčší , než je obvyklé , a potom zraziť späť do svojej normálnej veľkosti . " Elastic " uvoľnenie je rovnaká ako zadné uvoľňovanie , ale s väčším účinkom . Naneste tri rôzne atribúty , ktoré každý z týchto parametrov má uvoľnenie začína na začiatku , na konci alebo na oboch začiatku a na konci animácie . Tieto atribúty sú " easIn , " " easeOut , " a " easeInOut " namiesto " uvoľnenie " parameter po " trvania " parametrom vidieť jeho účinky , napríklad : .

.. dovozné fl.transitions * ; import fl.transitions.easing * , var myGrowth : TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition ( { typ : Zoom , dĺžka : 5 , uvoľnenie : Strong.easeOut } ) ;

• Predchádzajúca strana: 3 - D Max Water - Drop Tutorial 
• Ďalšia strana: Ako kresliť potápač s CS5 Flash Bone nástroje