Om het groeiende effect gezien in sommige Flash-animatie clips , zoals geanimeerde groeiende bloemen of groeiende scheuten te bereiken , gebruikt u de klasse TransitionManager in ActionScript 3 . Met slechts een paar regels code , AS3 versnelt werken veel sneller dan andere processen , zoals stop - motion animatie . Twee AS3 overgangstypen dat zijn vooral nuttig voor een groeiende invloed zijn op de Zoom en Fly overgangen . Voorbereiding Voor het gebruik van ActionScript om een beeld te laten groeien , moet u eerst de afbeelding voor een filmclip symbool zetten . Druk op " F8 " op het toetsenbord . Geef het symbool een instantienaam in het deelvenster Eigenschappen . U kunt het elke naam geven , maar de voorbeeldcode in dit artikel wordt " _grow " zoals de naam symbool . Voor het aangaan van een code in de Actions - Frame paneel , selecteert u eerst de huidige tijdlijn door erop te klikken in de tijdlijn paneel . Plak de volgende twee regels code te bellen op het ActionScript TransitionManager en versoepeling klassen : . . Import fl.transitions * ; import fl.transitions.easing * ; Groei met behulp Zoom De Zoom soort overgang is handig voor het maken van objecten lijken naar buiten groeien . Een afbeelding van een kleine bloem , bijvoorbeeld met de zoom effect blijken te groeien tot een groter bloem. In dit voorbeeld wordt de " myGrowth " variabele voor gebruik met de zoom overgangstype . Het attribuut duur specificeert de tijd in seconden voor de animatie in te vullen . Kopieer en plak de volgende code in lijnen 3 en 4 van het deelvenster Handelingen . U kunt dan een voorbeeld van de animatie met de optie ' Publish Preview " in het menu Bestand var myGrowth : TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition . ( {Type : Zoom , duur : 3 } ) ; Verticale groei met Vlieg The Fly soort overgang kan worden gebruikt om een beeld te laten verschijnen om te groeien in een richting , zoals een shoot groeien uit het gras of een wijnstok groeit naar beneden of van links of rechts . Dit type overgang wordt de parameter " startPoint " te bepalen waar het object wordt gestart . Het onderstaande voorbeeld gebruikt " 8 " te gaan van de bodem van het podium . U kunt dit veranderen in " 7 " voor de linkerbenedenhoek of "9 " voor de lagere rechter . U kunt gebruik maken van " 1 " voor de linker bovenhoek , " 2 " voor het centrum of " 3" voor de rechterbovenhoek . Te beginnen vanaf de linker-of rechterrand , kunt u gebruik maken van " 4 " of " 6 . " Plak de volgende code in het Acties - Frame paneel aan de Fly overgang gebruiken : var myGrowth2 : TransitionManager = nieuwe TransitionManager ( _grow ) ; myGrowth2.startTransition ( {type : Fly , richting : Transition.IN , duur : 5 , startPoint : 8 } ) ; Versoepeling parameters Je kunt versoepeling parameters gebruiken om de snelheid van de groei veranderen in een animatie op vier manieren . " Regular" en " Strong " versoepeling zorgt ervoor dat de animatie geleidelijk versnellen of vertragen op een reguliere of sterke koers . " Back " versoepeling creëert een bounce effect , waardoor het beeld te laten groeien iets groter dan normaal , dan naar achteren krimpen naar zijn normale grootte . " Elastic " versoepeling gelijk achterkant verlichten , maar met een sterker effect . Breng drie verschillende eigenschappen van elk van deze parameters om de versoepeling beginnen bij het begin , het einde of zowel het begin en het einde van de animatie . Deze attributen zijn " easin , " " easeOut , " en " easeInOut " Leg de " " parameter na de " versoepeling parameter duration " voor de effecten ervan te zien , bijvoorbeeld: . import fl.transitions * ; import fl.transitions.easing * ; var myGrowth : . . TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition ( {type : Zoom , duur : 5 , versoepeling : Strong.easeOut } ) ; < br >
|