För att uppnå den ökande effekten ses i vissa Flash- animation klipp , t.ex. animerade växande blommor eller växande skott , använd TransitionManager klassen i ActionScript 3 . Med bara några få rader kod , AS3 påskyndar fungerar mycket snabbare än andra processer, såsom stop - motion-animering . Två AS3 övergången typer som är speciellt användbart för en växande effekt är zoom och övergångar Fly . Förberedelse
Innan du använder ActionScript för att göra en bild växa , måste du först konvertera bilden till ett filmklipp symbol . Tryck " F8 " på tangentbordet . Sedan ger symbolen en instans namn i panelen Egenskaper . Du kan ge den ett valfritt namn , men använder exemplet i den här artikeln " _grow " som symbol namn . Innan man går in någon kod i Åtgärder - Frame panelen , välj först den aktuella tidslinjen genom att klicka på den i tidslinjen panelen . Sedan klistra in följande två rader kod för att ringa på ActionScript TransitionManager och underlätta klasser : . .
Import fl.transitions * , import fl.transitions.easing *;
Tillväxt Använda zoom
Zoom övergången typen är användbart för att göra objekt visas att växa utåt . En bild av en liten blomma , till exempel, kommer med hjälp av zoomeffekt verkar växa till en större blomma. I exemplet används " myGrowth " variabel som ska användas med zoom typ av övergång. Varaktigheten attributet anger tiden i sekunder för animeringen ska fyllas . Kopiera och klistra in följande kod på rad 3 och 4 i panelen Åtgärder . Du kan sedan förhandsgranska animeringen med " Publicera Preview " i Arkiv-menyn
var myGrowth : TransitionManager = ny TransitionManager ( _grow ) , myGrowth.startTransition . ( { Typ : Zoom , längd : 3 } ) , Addera ditt Vertikal tillväxt Använda Fly
Fly övergången typ kan användas för att göra en bild verkar växa i en riktning , som ett skott växer från gräset eller en vinodling nedåt eller från vänster eller höger . Denna övergång typ använder " startPoint " parameter bestämmer var objektet börjar . I exemplet nedan används " 8 " för att starta från botten av scenen. Du kan ändra detta till " 7 " för det nedre vänstra hörnet eller " 9 " för den lägre rätten . Du kan använda " 1 " för det övre vänstra hörnet , " 2 " för centrum eller " 3 " för det övre högra hörnet . För att börja från vänster eller höger kant , kan du använda " 4 " eller " 6 . " Klistra in följande kod på Åtgärder - Frame panel att använda Fly övergången :
var myGrowth2 : TransitionManager = nya TransitionManager ( _grow ) , myGrowth2.startTransition ( { typ : Fly , riktning : Transition.IN , längd : 5 , startPoint : 8 } ) ;
Lättnad Parametrar
Du kan använda easing parametrar för att ändra tillväxttakten i en animering på fyra olika sätt . " Regular " och " Strong " lättnader orsakar animeringen att gradvis accelerera eller retardera på en vanlig eller stark takt . " Back " easing skapar en studs effekt , vilket gör att bilden blir något större än normalt , då krymper bakåt till sin normala storlek . " Elastisk " lättnader är samma som tillbaka easing , men med en starkare effekt . Applicera tre olika attribut till varje av dessa parametrar för att få lättnader börjar i början , i slutet eller i både början och slutet av animeringen . Dessa attribut är " easIn , " " easeOut , " och " easeInOut " Placera " lättnader " parametern efter " varaktigheten " parametern för att se dess effekter , till exempel : .
import fl.transitions * , import fl.transitions.easing * , var myGrowth : . . TransitionManager = ny TransitionManager ( _grow ) , myGrowth.startTransition ( { typ : Zoom , längd : 5 , lätta : Strong.easeOut } ) ;
Addera ditt
