ActionScript 3 Tutorial
Erste Schritte mit ActionScript 3

Bemerkungen

Versionen

Installationsübersicht

ActionScript 3 kann durch Installieren des Adobe AIR-SDK oder Apache Flex-SDK oder als Bestandteil des Adobe-Produkts Animate CC (früher als Flash Professional bezeichnet) verwendet werden .

Adobe Animate CC ist eine professionelle Softwarelösung, mit der AS3-Projekte mit visuellen Tools erstellt werden können. Nach der Installation sind keine weiteren Schritte erforderlich, um AS3-Projekte zu erstellen.

Das AIR-SDK und das Flex-SDK können mit Befehlszeilentools oder mit verschiedenen IDEs von Drittanbietern verwendet werden.

Neben Adobe Animate CC gibt es vier weitere beliebte IDEs, die mit AS3 arbeiten können. Diese IDEs haben ihre eigenen Anweisungen, wie man loslegen kann.

• Flash Builder (von Adobe - basierend auf Eclipse)
• IntelliJ IDEA (von Jetbrains)
• FlashDevelop
• FDT (Eclipse Plugin)

Hallo Welt

Eine Beispieldokumentklasse, die bei der Instantiierung "Hello, World" an die Debug-Konsole druckt.

import flash.display.Sprite;

public class Main extends Sprite {

    public function Main() {
        super();

        trace("Hello, World");
    }

}

Flash Develop-Installation

FlashDevelop ist eine Open-Source-IDE für mehrere Plattformen, die 2005 für Flash-Entwickler entwickelt wurde. Ohne Kosten ist dies eine beliebte Methode, um mit der Entwicklung von AS3 zu beginnen.

So installieren Sie FlashDevelop:

1. Laden Sie die Installationsdatei herunter und führen Sie das Installationsprogramm aus
2. Führen Sie nach Abschluss der Installation FlashDevelop aus. Beim ersten Start sollte das App Man Fenster angezeigt werden, in dem Sie gefragt werden, welche SDKs und Tools installiert werden sollen.

Wenn der AppMan nicht automatisch geöffnet wird oder Sie später etwas hinzufügen möchten, öffnen Sie ihn, indem Sie im Menü "Extras" die Option "Software installieren" wählen.

Überprüfen Sie das AIR SDK + ACS 2.0- Element (im Abschnitt "Compiler") und das Flash Player- Element (SA) im Abschnitt "Runtimes" (sowie alle weiteren Komponenten, die Sie installieren möchten). Klicken Sie auf die Installationsschaltfläche.

3. Sobald das SDK installiert ist, testen wir ein Hallo-Welt-Projekt. Beginnen Sie mit dem Erstellen eines neuen Projekts (im Menü Projekt ).

4. Wählen Sie AIR AS3 Projector aus der Liste und geben Sie einen Namen / Ort an.

5. Erweitern Sie im Main.as (wählen Sie "Projektmanager" aus dem Ansichtsmenü, falls noch nicht sichtbar), erweitern Sie den Ordner " src " und öffnen Sie die Datei " Main.as ".

6. In der Datei Main.as können Sie jetzt ein erstes Beispielprogramm wie Hello World erstellen

7. Führen Sie Ihr Projekt aus, indem Sie auf das Wiedergabesymbol klicken oder F5 oder Ctrl+Enter drücken. Das Projekt wird kompiliert und wenn Sie fertig sind, sollte ein leeres Fenster angezeigt werden (dies ist Ihre Anwendung). Im FlashDevelop-Ausgabefenster sollten Sie die folgenden Wörter sehen: Hello World .

Sie können jetzt mit FlashDevelop AS3-Anwendungen entwickeln!

Apache Flex-Installation

von http://flex.apache.org/doc-getstarted.html

1. Laden Sie das SDK-Installationsprogramm herunter

2. Führen Sie das SDK-Installationsprogramm aus. Die erste Frage, die Sie gestellt werden, ist das Installationsverzeichnis.

   • Verwenden Sie auf einem Mac /Applications/Adobe Flash Builder 4.7/sdks/4.14.0/
   • Verwenden Sie auf einem PC C:\Program Files(x86)\Adobe Flash Builder 4.7\sdks\4.14.0

   Sie müssen die Ordner 4.14.0 erstellen. Klicken Sie auf Weiter. Akzeptieren Sie SDK-Lizenzen und installieren Sie.

IDE-spezifische Anweisungen zum Einrichten von Apache Flex:

• Flash Builder
• IntelliJ IDEA
• FlashDevelop
• FDT

Erstellen von Flex- oder Flash-Projekten in der Befehlszeile mit mxmlc

Der Flex-Compiler ( mxmlc ) ist einer der wichtigsten Bestandteile des Flex-SDK. Sie können den AS3-Code in einem beliebigen Texteditor bearbeiten. Erstellen Sie eine Hauptklassendatei, die sich von DisplayObject erstreckt.

Sie können Builds in der Befehlszeile wie folgt auslösen:

mxmlc -source-path="." -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Wenn Sie ein Flash-Projekt (im Gegensatz zu Flex) kompilieren müssen, können Sie wie folgt einen Verweis auf die Flash-Bibliothek hinzufügen (die Adobe Animate-IDE muss installiert sein):

mxmlc -source-path="." -library-path+="/Applications/Adobe Animate CC 2015.2/Adobe Animate CC 2015.2.app/Contents/Common/Configuration/ActionScript 3.0/libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Oder unter Windows:

mxmlc -source-path="." -library-path+="C:\Program Files\Adobe\Adobe Animate CC 2015.2\Common\Configuration\ActionScript 3.0\libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Ein angezeigtes "Hello World" Beispiel

package {
    import flash.text.TextField;
    import flash.display.Sprite;

    public class TextHello extends Sprite {
        public function TextHello() {
            var tf:TextField = new TextField();
            tf.text = "Hello World!"
            tf.x = 50;
            tf.y = 40;
            addChild(tf);
        }
    }
}

Diese Klasse verwendet die TextField Klasse, um den Text anzuzeigen.