Den voksende Effect i AS3

For å oppnå den økende effekt sett i noen Flash-animasjon klipp, for eksempel animerte vokser blomster eller voksende skudd, bruker TransitionManager klasse i Actionscript 3. Med bare noen få linjer med kode, påskynder AS3 arbeid langt raskere enn andre prosesser, for eksempel stopp motion animasjon. To AS3 overgangstyper som er spesielt nyttig for en økende effekt er zooming og Fly overganger.

Preparat

Før du bruker Action å lage et bilde vokse, må du først konvertere bildet til et filmklipp symbol. Trykk "F8" på tastaturet. Så gi symbol en forekomst navn i Properties panelet. Du kan gi den det navnet; Men eksempelkoden i denne artikkelen bruker "_grow" som symbol navn. Før du går inn noen kode i Handlinger-Frame panel, velger du først den aktuelle tidslinjen ved å klikke på det i tidslinjepanelet. Deretter limer følgende to linjer med kode for å ringe på Action TransitionManager og lettelser klasser:

import fl.transitions.;
importere fl.transitions.easing.;

Vekst Bruke zoom

Zoomovergangstype er nyttig for å lage objekter ser ut til å vokse utover. Et bilde av en liten blomst, for eksempel ved hjelp av zoom-effekten vil synes å vokse til en større blomst. Dette eksemplet bruker "myGrowth" variable som skal brukes med Zoom overgangstype. Varigheten attributtet angir tiden i sekunder for animasjonen skal være ferdig. Kopier og lim inn følgende kode i linje 3 og 4 av prosedyrepanelet. Deretter kan du forhåndsvise animasjonen ved hjelp av "Publish Preview" i Fil-menyen.

Var myGrowth: TransitionManager = new TransitionManager (_grow);
myGrowth.startTransition ({Type: Zoom, varighet: 3});

Vertikal Vekst Bruke Fly

Fly overgangstype kan brukes for å lage et bilde som ser ut til å vokse i en retning, for eksempel en shoot vokser fra gresset eller en vinranke voksende nedover eller fra venstre eller høyre. Denne overgangstype bruker "startpunkt" parameter for å bestemme hvor objektet starter. Eksempelet nedenfor bruker "8" for å starte fra bunnen av scenen. Du kan endre dette til "7" for nedre venstre hjørne eller "9" for nedre høyre. Du kan bruke "1" for øvre venstre hjørne, "2" for senteret eller "3" for øverste høyre hjørne. Til å begynne fra venstre eller høyre kant, kan du bruke "4" eller "6." Lim inn følgende kode i Handlinger-Frame panel for å bruke Fly overgang:

Var myGrowth2: TransitionManager = new TransitionManager (_grow);
myGrowth2.startTransition ({Type: Fly, retning: Transition.IN, varighet: 5, startpunkt: 8});

lettelser Parametere

Du kan bruke lettelser parametere for å endre veksttakten i en animasjon på fire måter. "Vanlig" og "Strong" lettelser fører animasjonen til gradvis akselerere eller bremse på en vanlig eller sterk rate. "Back" lettelser skaper en sprett effekt, noe som gjør bildet blir litt større enn normalt, deretter krympe tilbake til normal størrelse. "Elastic" lettelser er den samme som tilbake lettelser, men med en sterkere effekt. Anvende tre forskjellige egenskaper for hver av disse parametere for å ha den lette begynner ved starten, ved enden eller på både starten og slutten av animasjonen. Disse egenskapene er "easIn", "easeOut" og "EaseInOut." Plasser "lettelser" parameter etter "varighet" parameter for å se effekter; for eksempel:

import fl.transitions.;
importere fl.transitions.easing.;
Var myGrowth: TransitionManager = new TransitionManager (_grow);
myGrowth.startTransition ({Type: Zoom, varighet: 5, lettelser: Strong.easeOut});