AS3-Tutorium: Flash: Hello World: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge)
Die Seite wurde neu angelegt: „==Eine einfache Hello-World-Anwendung== Im Folgenden wird gezeigt, wie eine einfache Hello-World-Anwendung in Flash erstellt wird. Erstellen Sie zunächst eine …“
 
Kowa (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 29: Zeile 29:
Verwandeln Sie diesen Text in ein Symbol (= [[Klasse (OOP)|Klasse]]), benennen Sie das zugehörige Objekt und fügen Sie folgenden Code
Verwandeln Sie diesen Text in ein Symbol (= [[Klasse (OOP)|Klasse]]), benennen Sie das zugehörige Objekt und fügen Sie folgenden Code
in das erste Schlüsselbild der Zeitleiste ein:
in das erste Schlüsselbild der Zeitleiste ein:
<source lang="actionscript">
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
</source>


<gallery widths="350" heights="250" perrow="2">
<gallery widths="350" heights="250" perrow="2">

Version vom 22. März 2010, 16:13 Uhr

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.

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: DateiVerö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 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

Quellen