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

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
← zur vorherigen Versionen-Differenzzur nächsten Versionen-Differenz →
Kowa (Diskussion | Beiträge)
Administrator, Bots, Bürokraten, emailconfirmed, Oberflächenadministratoren, interwiki, oversight, SMW-Administratoren, SMW-Kuratoren, SMW-Editoren, Oversighter, Administratoren
42.989 Bearbeitungen
Kowa (Diskussion | Beiträge)
Administrator, Bots, Bürokraten, emailconfirmed, Oberflächenadministratoren, interwiki, oversight, SMW-Administratoren, SMW-Kuratoren, SMW-Editoren, Oversighter, Administratoren
42.989 Bearbeitungen
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
Die Quellen der folgenden beiden Beispiele finden Sie im [http://webdav.multimedia.hs-augsburg.de/glossar/beispiel/flash_cs4/hallo/ Glossar-SVN-Repository].
==Eine einfache Hello-World-Anwendung==
==Eine einfache Hello-World-Anwendung==


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

Die Quellen der folgenden beiden Beispiele finden Sie im Glossar-SVN-Repository.

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: 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 im Programm die die Klassen fl.transitions.Tween und fl.transitions.easing.Elastic verwendet werden. Die Klassen mx.effects.Tween und mx.effects.easing.Elastic leisten zwar im Prinzip dasselbe, würden hier aber nicht funktionieren.

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 Easing-Klassen gibt es beispielsweise mehr mx- als fl-Varianten.

Quellen

Abgerufen von „https://glossar.hs-augsburg.de/w/index.php?title=AS3-Tutorium:_Flash:_Hello_World&oldid=14034“