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
  Schlüsselbild in (geeignet benannter) Ebene selektieren und Text eingeben
• Bild bei Frame 50 einfügen (Taste F5)
  Bild bei Frame 50 einfügen (Taste F5)
• Bewegungstween in die Zeileiste von Ebene HalloWelt einfügen
  Bewegungstween in die Zeileiste von Ebene HalloWelt einfügen
• Text am letzten Frame auf gewünschte Endposition verschieben
  Text am letzten Frame auf gewünschte Endposition verschieben
• Pfad modifizieren: verbiegen, Beschleunigung definieren etc.
  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 jedoch keine Unterschiede (außer dem Paket-Namen).

• Umwandlung eines Textes in ein Symbol (Klasse)
  Umwandlung eines Textes in ein Symbol (Klasse)
• Bennenung eines zugehörigen Objektes auf der Bühne (siehe Objektname)
  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
  Tween-Objekte definieren einige Pfadanimationen, die vor allem zum „Einfliegen“ von grafischen Objekten verwendet werden können

Quellen

• Kowarschick, W.: Multimedia-Programmierung
• Klasse mx.effects.Tween
• Effekt-Klassen mx.effects.easing