So verwenden Sie ActionScript mit Animate CC

ActionScript® ist die Flash-Skriptsprache, mit der Sie eine Anwendung um komplexe Interaktivität, Wiedergabesteuerung und Datenanzeige erweitern können. Sie können ActionScript innerhalb der Authoring-Umgebung mit dem Bedienfeld „Aktionen“, dem Skriptfenster oder einem externen Editor hinzufügen.

ActionScript verfügt über eigene Regeln zur Syntax und reservierten Schlüsselwörtern. Außerdem können Sie mithilfe von Variablen Informationen speichern und abrufen. ActionScript bietet eine umfangreiche Bibliothek integrierter Klassen, mit denen Sie Objekte zur Ausführung vieler nützlicher Aufgaben erstellen können. Weitere Informationen zu ActionScript finden Sie in den folgenden Hilfethemen:

• ActionScript 3.0 – Arbeitshandbuch unter www.adobe.com/go/learn_flcs5_learnas3_de

• ActionScript 2.0 in Adobe Animate – Arbeitshandbuch unter www.adobe.com/go/learn_cs5_learningas2_de

Sie müssen nicht jedes einzelne ActionScript-Element verstehen, bevor Sie mit der Skripterstellung beginnen. Wenn Sie ein klares Ziel vor Augen haben, können Sie anfangen, Skripts mit einfachen Aktionen zu erstellen.

Sowohl ActionScript als auch JavaScript beruhen auf dem ECMA-262-Standard, dem internationalen Standard für die ECMAscript-Skriptsprache. Daher sollten Entwickler, die mit JavaScript vertraut sind, auch sehr schnell mit ActionScript vertraut sein. Weitere Informationen über ECMAScript finden Sie unter ecma-international.org.

Welche ActionScript-Version können Sie verwenden?

Animate bietet mehrere ActionScript-Versionen, um den Anforderungen von unterschiedlichen Entwicklern und Wiedergabegeräten zu entsprechen. ActionScript 3.0 und 2.0 sind nicht miteinander kompatibel.

• ActionScript 3.0 wird schnell ausgeführt. Bei dieser Version ist mehr Vertrautheit mit objektorientierten Programmierkonzepten erforderlich als bei den anderen ActionScript-Versionen. ActionScript 3.0 ist vollständig kompatibel mit der ECMAScript-Spezifikation, bietet bessere XML-Verarbeitung, ein verbessertes Ereignismodell und eine verbesserte Architektur zur Arbeit mit Elementen auf dem Bildschirm. In FLA-Dateien, in denen ActionScript 3.0 verwendet wird, dürfen keine früheren Versionen von ActionScript enthalten sein.

• (In Animate CC nicht mehr vorhanden) ActionScript 2.0 ist einfacher zu erlernen als ActionScript 3.0. Obwohl kompilierter ActionScript 2.0-Code langsamer von Flash Player ausgeführt wird als kompilierter ActionScript 3.0-Code, eignet sich ActionScript 2.0 gut für zahlreiche Projekte, unter anderem für Projekte, die keine allzu große Computerleistung erfordern, wie z. B. eher designorientierter Inhalt. ActionScript 2.0 basiert ebenfalls auf den ECMAScript-Spezifikationen, ist aber nicht völlig konform.

• (In Animate CC nicht mehr vorhanden) Bei ActionScript 1.0 handelt es sich um die einfachste Form von ActionScript, die noch von manchen Versionen von Adobe Flash Lite Player verwendet wird. ActionScript 1.0 und 2.0 können in derselben FLA-Datei vorkommen.

• (In Animate CC nicht mehr vorhanden) Bei Flash Lite 2.x ActionScript handelt es sich um eine Untergruppe von ActionScript 2.0. Es wird von dem auf Mobiltelefonen und anderen Geräten ausgeführten Flash Lite 2.x unterstützt.

• (In Animate CC nicht mehr vorhanden) Bei Flash Lite 1.x ActionScript handelt es sich um eine Untergruppe von ActionScript 1.0. Es wird von dem auf Mobiltelefonen und anderen Geräten ausgeführten Flash Lite 1.x unterstützt.

Verwenden der ActionScript-Dokumentation

Da es mehrere ActionScript-Versionen (2.0 und 3.0) und mehrere Möglichkeiten zur Einbindung von ActionScript-Code in FLA-Dateien gibt, können Sie ActionScript auf verschiedene Weise erlernen.

Hier wird die grafische Benutzeroberfläche für das Arbeiten mit ActionScript beschrieben. Diese Benutzeroberfläche umfasst das Skriptfenster, den Skripthilfemodus und die Bedienfelder „Aktionen“, „Verhalten“, „Ausgabe“ und „Compiler-Fehler“. Diese Themen beziehen sich auf alle ActionScript-Versionen.

In anderen ActionScript-Dokumentationen von Adobe erfahren Sie mehr zu den einzelnen Versionen von ActionScript.

Arbeiten mit ActionScript

Es gibt verschiedene Möglichkeiten, um mit ActionScript zu arbeiten.

• (In Animate CC aufgegeben) Im Skripthilfemodus können Sie ActionScript-Code zu FLA-Dateien hinzufügen, ohne den Code selbst schreiben zu müssen. Sie wählen einfach die gewünschten Aktionen aus und die Software bietet eine Benutzeroberfläche, über die Sie die entsprechend benötigten Parameter eingeben können. Sie sollten ein wenig darüber Bescheid wissen, welche Funktionen für die Ausführung bestimmter Aufgaben erforderlich sind, aber Sie brauchen nicht die Syntax zu erlernen. Dieser Modus wird von vielen Designern und nicht mit der Programmierung vertrauten Benutzern verwendet.

• (In Animate CC aufgegeben) Mithilfe von Verhaltensweisen können Sie Ihrer Datei auch Code hinzufügen, ohne diesen selbst schreiben zu müssen. Bei Verhalten handelt es sich um vorgefertigte Skripts für häufige Aufgaben. Sie können ein Verhalten hinzufügen und es dann leicht im Bedienfeld „Verhalten“ konfigurieren. Verhalten stehen nur für ActionScript 2.0 und frühere Version zur Verfügung.

• Sie haben die größte Flexibilität und Kontrolle über Ihr Dokument, wenn Sie selbst den ActionScript-Code schreiben, dafür müssen Sie sich jedoch zunächst mit der ActionScript-Sprache und ihren Konventionen vertraut machen.

• Komponenten sind vorgefertigte Movieclips, die es gestatten, komplexe Funktionen schnell zu implementieren. Bei einer Komponente kann es sich um ein einfaches Steuerelement der Benutzeroberfläche (wie etwa ein Kontrollkästchen) oder um ein kompliziertes Steuerelement (wie etwa ein Bildlauffenster) handeln. Sie können die Funktion und das Erscheinungsbild einer Komponente anpassen und Komponenten anderer Entwickler herunterladen. Bei den meisten Komponenten ist es erforderlich, dass Sie selbst etwas ActionScript-Code schreiben, um eine Komponente auszulösen oder zu steuern. Weitere Informationen finden Sie unter Verwenden von ActionScript 3.0-Komponenten.

Schreiben von ActionScript

In der Authoring-Umgebung schreiben Sie ActionScript-Code im Bedienfeld „Aktionen“ oder im Skriptfenster. Das Bedienfeld Aktionen und das Skriptfenster enthalten einen vielseitigen Code-Editor, der folgende Funktionen bietet: Codehinweise, Codeformatierung, farbige Codehervorhebung, Syntaxhervorhebung, Debugging, Zeilennummern, Zeilenumbruch sowie Unicode-Unterstützung.

• Im Bedienfeld „Aktionen“ können Sie Skripts schreiben, die zum Animate-Dokument gehören (also Skripts, die in der FLA-Datei eingebettet sind). Das Bedienfeld Aktionen bietet zum Beispiel die Werkzeugleiste „Aktionen“, über die Sie schnell und einfach auf die Hauptbestandteile der ActionScript-Sprache zugreifen können. Hier werden Sie darüber informiert, welche Elemente für die Erstellung von Skripts erforderlich sind.

• Im Skriptfenster können Sie externe Skripts (Skripts oder Klassen, die in externen Dateien gespeichert sind) schreiben. (Auch mit einem Texteditor können Sie eine externe AS-Datei erstellen.) Das Skriptfenster enthält Codehilfefunktionen, wie Codehinweise, farbige Codehervorhebung, Syntaxprüfung und automatisches Formatieren.

Von Adobe empfohlene Community-Inhalte

• Getting started with ActionScript 3.0 (CS3) (3:25)

• Animationen und FLA-Dateien optimieren (7:24) (CS3)

• Creating a Document class using ActionScript 3.0 (CS3) (2:38)

• Creating an effective workflow between design and development (CS3) (3:41)

• Using components (CS3) (1:47)

• YouTube.com-Liste der ActionScript-Kanäle

In den folgenden Artikeln und Tutorials finden Sie ausführlichere Informationen über die Arbeit mit ActionScript:

• Introduction to ActionScript 3.0 (Slekx.com)

• ActionScript 3 migration table (Adobe.com)

Wenn Sie einen beliebigen Dokumententyp ausführen, werden im Bedienfeld „Ausgabe“ Informationen oder Warnhinweise im Zusammenhang mit Vorgängen wie der Dokumentenkonvertierung und der Veröffentlichung angezeigt. Um diese Informationen anzuzeigen, fügen Sie Ihrem Code die Anweisung trace() hinzu oder nutzen Sie die Befehle „Objekte auflisten“ und „Variablen auflisten“.

Wenn Sie in Ihren Skripts die Anweisung trace() verwenden, können Sie spezifische Informationen an das Bedienfeld „Ausgabe“ senden, während die SWF-Datei wiedergegeben wird, Dazu zählen auch Hinweise auf den Status der SWF-Datei oder den Wert eines Ausdrucks. 

Das Bedienfeld Ausgabe verfügt über die folgenden Menüoptionen:

• Kopieren: Kopiert den gesamten Inhalt des Bedienfelds „Ausgabe“ in die Zwischenablage des Computers. Soll nur ein bestimmter Ausschnitt der Ausgabe kopiert werden, wählen Sie den gewünschten Ausschnitt aus und wählen dann „Kopieren“.
• Löschen: Löscht den Inhalt aus dem Bedienfeld „Ausgabe“.
• Ausgabe anzeigen: Zeigt den Inhalt des Bedienfelds „Ausgabe“ an.
• Fixieren: Fixiert das Bedienfeld. Sie können das Bedienfeld lediglich in der Größe anpassen, jedoch nicht verschieben oder ziehen.
• Hilfe: Ruft die Online-Hilfe für das Bedienfeld „Ausgabe“ auf.
• Schließen: Schließt das Bedienfeld „Ausgabe“.
• Gruppe schließen: Schließt die gesamte Bedienfeldgruppe. Sie können mehrere Bedienfelder wie die Zeitleiste, das Bedienfeld „Ausgabe“ und das Bedienfeld „Compiler-Fehler“ gleichzeitig andocken.

Sie können das Bedienfeld „Aktionen“ aufrufen oder ausblenden, indem Sie Fenster > Ausgabe auswählen oder F2 drücken.

Um Referenzinformationen zu einem bestimmten Element der ActionScript-Sprache zu finden, haben Sie die folgenden Möglichkeiten:

• Öffnen Sie das ActionScript 3.0-Referenzhandbuch und suchen Sie nach dem Sprachelement.

• (In Animate CC aufgegeben) Öffnen Sie das ActionScript 2.0-Referenzhandbuch und suchen Sie nach dem Sprachelement.

• Geben Sie den Namen des Sprachelements in das Bedienfeld „Aktionen“ ein, wählen Sie es aus und drücken Sie F1 (drücken Sie F1 sofort).

Wenn Sie das Schreiben von ActionScript-Code erlernen möchten, nutzen Sie die folgenden Ressourcen:

• ActionScript 3.0 – Arbeitshandbuch

• Komponenten-Referenzhandbuch für ActionScript 3.0

• ActionScript 2.0 in Adobe Animate – Arbeitshandbuch

• ActionScript 2.0-Referenzhandbuch

Um Skripts zu erstellen, die in eine FLA-Datei eingebettet sind, geben Sie ActionScript-Code direkt in das Bedienfeld „Aktionen“ ein („Fenster“ > „Aktionen“ oder F9 drücken).

Das Bedienfeld „Aktionen“ ist in zwei Bereiche unterteilt:

Über das Bedienfeld Aktionen können Sie Codehilfefunktionen aufrufen, die die Erstellung und Bearbeitung von ActionScript-Code vereinfachen und optimieren. Mit dieser Funktion können Sie nicht bildspezifische globale Skripts und Drittanbieterskripts hinzufügen, die Sie aus Animate auf die gesamte Animation anwenden können. Weitere Informationen hierzu finden Sie auf dieser Seite im Kapitel Hinzufügen von globalen Skripts und Drittanbieterskripts.

• Skript ausführen: Führt das Skript aus
• Skript fixieren: Fixiert das Skript an den Fixierpunkten einzelner Skripts im Skriptfenster und verschiebt sie entsprechend. Diese Funktion ist hilfreich, wenn Sie den Code Ihrer FLA-Datei nicht an einem zentralen Ort organisiert haben oder mehrere Skripts verwenden. Sie können Skripts fixieren, um den Platz des Codes im Bedienfeld „Aktionen“ freizuhalten und zwischen den verschiedenen offenen Skripts zu wechseln. Das kann beim Debuggen nützlich sein.
• Instanzpfad und -namen einfügen: Hier können Sie einen absoluten oder relativen Zielpfad für eine Aktion im Skript festlegen.
• Suchen: Sucht und ersetzt Text innerhalb der Skripts.
• Formatieren von Code: Unterstützt Sie beim Formatieren von Code.
• Codefragmente: Öffnet das Bedienfeld „Codefragmente“, in dem Beispielcodefragmente angezeigt werden.
  
• Mit Assistent hinzufügen: Klicken Sie auf diese Schaltfläche, um Aktionen mithilfe des benutzerfreundlichen Assistenten hinzuzufügen, ohne Code schreiben zu müssen.
• Hilfe: Zeigt Referenzinformationen für das im Skriptfenster ausgewählte ActionScript-Element aus. Wenn Sie beispielsweise auf eine Import-Anweisung und dann auf „Hilfe“ klicken, werden im Bedienfeld „Hilfe“ die Referenzinformationen für den Import angezeigt.

Mit den im Bedienfeld Aktionen unter Mit Assistent hinzufügen verfügbaren Optionen können Sie Interaktivität zu HTML5-Kompositionen hinzufügen. Die Funktion „Mit Assistent hinzufügen“ ist eine vereinfachte Benutzeroberfläche zum Hinzufügen von Code zu Ihren Kompositionen.

Sie können die Option Aktuelle Auswahl aus dem Menü auswählen, wenn Sie das Objekt auf der Bühne auswählen und den Aktionscode-Assistenten ausführen. Sie können zudem die Zeitleiste und Komponentenaktionen für den Code auswählen.

Im Skriptfenster können Sie externe Skriptdateien erstellen, um sie dann in Ihre Anwendung zu importieren. Bei diesen Skripts kann es sich um ActionScript- oder Animate JavaScript-Dateien handeln.

Sie können auch globale und Drittanbieterskripts in HTML5 Canvas-Dokumenten hinzufügen. Weitere Informationen finden Sie im Abschnitt Hinzufügen von globalen Skripts und Drittanbieterskripts im Kapitel HTML5 Canvas-Dokumente in Animate CC erstellen und veröffentlichen.

Wenn Sie mehrere Dateien gleichzeitig geöffnet haben, werden die Dateinamen auf Registerkarten am oberen Rand des Skriptfensters angezeigt.

Im Skriptfenster können Sie folgende Funktionen verwenden: PinScript, Suchen und Ersetzen, Syntaxfarbcodierung, Code formatieren, Codehinweise, Code kommentieren sowie Code ausblenden. Außerdem stehen Debug-Optionen (nur für ActionScript-Dateien) und die Funktion „Zeilenumbruch“ zur Verfügung. Im Skriptfenster können auch Zeilennummern und versteckte Zeichen angezeigt werden.

• Um ein vorhandenes Skript zu öffnen, wählen Sie Datei > Öffnen und öffnen Sie eine vorhandene AS-Datei.

• Um ein bereits geöffnetes Skript zu bearbeiten, klicken Sie auf die Dokumentregisterkarte, auf der der Skriptname angezeigt wird.

Über das Bedienfeld „Aktionen“ können Sie Codehilfefunktionen aufrufen, die die Erstellung und Bearbeitung von ActionScript-Code vereinfachen und optimieren.

Suchen 

Sucht und ersetzt Text innerhalb der Skripts.

Zielpfad einfügen 

(nur Bedienfeld „Aktionen“) Erleichtert das Einstellen eines absoluten oder relativen Zielpfades für eine Aktion im Skript.

Hilfe 

Zeigt Referenzinformationen für das im Skriptfenster ausgewählte ActionScript-Element an. Wenn Sie beispielsweise auf eine import-Anweisung und dann auf „Hilfe“ klicken, werden im Bedienfeld „Hilfe“ die Referenzinformationen für import angezeigt.

Codefragmente

Öffnet das Bedienfeld Codefragmente, in dem Beispielcodefragmente angezeigt werden.

Mit Assistent hinzufügen

Klicken Sie auf diese Schaltfläche, um Aktionen über eine Benutzeroberfläche hinzuzufügen, ohne Code schreiben zu müssen. 

Sie können bestimmte Voreinstellungen festlegen und ändern, unabhängig davon, ob Sie den Code im Bedienfeld „Aktionen“ oder im Skriptfenster bearbeiten.