Die wachsende Wirkung in AS3

Gesehen in einige Flash-Animation Clips, wachsenden Effekt erzielen wie animierte Blumenzucht oder wachsende Triebe, verwenden Sie die TransitionManager-Klasse in ActionScript 3. Mit nur wenigen Zeilen Code beschleunigt AS3 Arbeit weit schneller als andere Prozesse, wie Stop-Motion-Animation. Zwei Arten der AS3-Übergang, die besonders für eine wachsende Wirkung sind, sind die Zoom- und Fly-Übergänge.

Vorbereitung

Bevor Sie mit ActionScript um ein Bild wachsen zu machen, müssen Sie zuerst das Bild in ein Movieclip-Symbol konvertieren. Drücken Sie die Taste "F8" auf der Tastatur. Geben Sie dem Symbol dann den Instanznamen im Bedienfeld "Eigenschaften". Sie können ihm einen beliebigen Namen geben; jedoch verwendet der Beispielcode in diesem Artikel "_grow" als den Symbolnamen. Vor dem Betreten Code in das Bedienfeld "Aktionen-Frame", zuerst wählen Sie die aktuelle Zeitleiste klicken sie im Zeitleistenfenster aus. Dann fügen Sie die folgenden zwei Codezeilen für die ActionScript TransitionManager und Lockerung Klassen aufrufen:

Importieren Sie fl.transitions. ;Importieren von fl.transitions.easing.;

Wachstum mit Zoom

Der Zoom-Übergangstyp eignet sich zur Herstellung von Objekten erscheinen nach außen wachsen. Ein Bild einer kleinen Blume, beispielsweise mit dem Zoomeffekt erscheint, in eine größere Blume wachsen. Diesem Beispiel wird die Variable "MyGrowth" mit den Übergangstyp Zoom verwendet werden. Das Duration-Attribut gibt die Zeit in Sekunden für die Animation abgeschlossen werden. Kopieren Sie und fügen Sie den folgenden Code in den Zeilen 3 und 4 im Bedienfeld "Aktionen". Sie können dann eine Vorschau die Animation die Vorschauoption "veröffentlichen" im Datei-Menü.

Var MyGrowth:TransitionManager = new TransitionManager(_grow);myGrowth.startTransition ({Typ: Zoom, Dauer: 3});

Vertikale Wachstum mit Fly

Der fliegen Übergangstyp kann verwendet werden, um ein Bild in eine Richtung, wie ein Shooting wächst aus dem Gras oder eine Weinbaus nach unten oder von Links oder rechts zu wachsen scheinen zu machen. Diese Art von Übergang verwendet den "Startpunkt" Parameter um zu bestimmen, wo das Objekt beginnt. Im Beispiel unten verwendet "8" vom unteren Rand der Bühne beginnen. Sie können dies ändern auf "7" für den unteren Links Ecke oder "9" für den unteren rechts. Sie können "1" für die obere linke Ecke, "2" für die Mitte oder "3" für die obere rechte Ecke. Um vom linken oder rechten Rand zu beginnen, können Sie "4" oder "6." Fügen Sie den folgenden Code im Bedienfeld "Aktionen-Frame" Fly Übergang zu verwenden:

Var MyGrowth2:TransitionManager = new TransitionManager(_grow);myGrowth2.startTransition ({Typ: Fly, direction:Transition.IN, Dauer: 5, StartPoint:8});

Lockerung der Parameter

Lockerung der Parameter können Sie die Wachstumsrate in einer Animation auf vier Arten ändern. Lockerung der "Regular" und "Stark" bewirkt, dass die Animation schrittweise mit einer normalen oder starken Rate verlangsamen oder beschleunigen. Lockerung der "Back" erstellt einen Bounce-Effekt, dadurch wird das Bild etwas größer als normal wachsen, dann rückwärts zu seiner normalen Größe zu verkleinern. "Elastische" Lockerung ist dasselbe wie Lockerung zurück, aber mit stärkerer Wirkung. Wenden Sie drei verschiedene Attribute auf jeden dieser Parameter haben die Lockerung zu Beginn, am Ende oder am Anfang und Ende der Animation beginnen an. Diese Attribute sind "easIn," "EaseOut" und "EaseInOut." Platzieren Sie den Parameter "Lockerung" nach dem "Dauer"-Parameter, um die Effekte zu sehen; zum Beispiel:

Importieren Sie fl.transitions. ;Importieren von fl.transitions.easing.;Var MyGrowth:TransitionManager = new TransitionManager(_grow);myGrowth.startTransition ({Typ: Zoom, Dauer: 5, easing:Strong.easeOut});