AS3-Tutorium: Flash: Hello World
Eine einfache Hello-World-Anwendung
Im Folgenden wird gezeigt, wie eine einfache Hello-World-Anwendung in Flash erstellt wird.
Erstellen Sie zunächst eine neue Flash-Datei für die Arbeit mit ActionScript 3 (siehe Flash CS4: Grundlagen).
Geben Sie nun einen Text ein (z.B. Hallo, Welt!) und animieren Sie diesen mit Hilfe eines Bewegungstweens.
-
Schlüsselbild in (geeignet benannter) Ebene selektieren und Text eingeben
-
Bild bei Frame 50 einfügen (Taste F5)
-
Bewegungstween in die Zeileiste von Ebene
HalloWelteinfügen -
Text am letzten Frame auf gewünschte Endposition verschieben
-
Pfad modifizieren: verbiegen, Beschleunigung definieren etc.
Die fertige Datei können Sie mit Strg-Return starten. Dabei wird automatisch eine geeignete SWF-Datei erstellt.
Sie können auch eine HTML-Datei mit eingebetter SWF-Datei erzeugen: Datei ⇒ Veröffentlichen.
Die dabei erzeugte HTML-Datei Hello.html können Sie in einem beliebigen Browser öffnen..
Pfad-Animation mit ActionScript 3
Sie können auch mit ActionScript 3 eine Pfad-Animation erstellen. Im folgenden Beispiel wird die vordefinierte
Tween-Animation Elastic verwendet.
Erzeugen Sie wie zuvor eine neue Flash-Datei und geben Sie einen beliebigen Text ein (z.B. Hallo, Welt!).
Verwandeln Sie diesen Text in ein Symbol (= Klasse), benennen Sie das zugehörige Objekt und fügen Sie folgenden Code in das erste Schlüsselbild der Zeitleiste ein:
import fl.transitions.Tween; // Tween-Klasse
import fl.transitions.easing.*; // Klassen mit Tween-Animationen; z.B. Elastic
new Tween(text_hello, // Objekt, das animiert werden soll
"x", // Animationsrichtung: "x" oder "y"
Elastic.easeOut, // Art der Animation
0, text_hello.x, // Start- und End-Koordinaten-Wert
3, // Dauer der Animation in Sekunden
true // Animation soll vorherigen Zeitwert beachten
);
stop(); // Stoppe Movie im aktuellen Frame
Beachten Sie, dass in der Quellen-Angabe die Klassen mx.effects.Tween
und mx.effects.easing.Elastic angegeben werden. Im Programm werden jedoch
die Klassen fl.transitions.Tween
und fl.transitions.easing.Elastic verwendet.
Hier wird ein wichtiger Unterschied zwischen Flash-Anwendungen und Flex-Anweundungen deutlich.
Alle Klassen im Packet flash existieren in beiden Umgebungen, die Klassen im Paket fl können nur in Flash-Anwendungen eingesetzt werden und die Klassen im Paket mx funktionieren nur in Flex-Anwendungen.
Zu vielen fl-Klassen gibt es äquvivalente mx-Klassen und umgekehrt. Manchmal unterscheiden sich die einzelnen Klassen jedoch subtil. Im Falle von Tween-Objekten gibt es allerdings keine Unterschiede (außer dem Paket-Namen).
-
Umwandlung eines Textes in ein Symbol (Klasse)
-
Bennenung eines zugehörigen Objektes auf der Bühne (siehe Objektname)
-
Tween-Objekte definieren einige Pfadanimationen, die vor allem zum „Einfliegen“ von grafischen Objekten verwendet werden können
