ActionScript 2 - Ein Lehr- und Übungsbuch

Einleitung

ActionScript: Geschichte, Versionen, Ausblick

Programmentwicklung und Programmiersprachen

3.1 Ansätze (Top-Down, Bottom-Up)

3.2 Algorithmus als Problemlösung

3.3 Hilfsmittel zur Entwicklung von Algorithmen

3.3.1 Flowcharts

3.3.2 Pseudo-Code

3.4 Beispiel-Algorithmus „Kaffee kochen“

Programmierung und ActionScript

Framework und Codeorganisation

5.1 Skriptarten (Objekt- und Bildskript)

5.2 Anzahl der Bildskripte

5.3 Aufbau eines Skripts

Operatoren

6.1 Zuweisungsoperator

6.2 Arithmetische Operatoren

6.3 Inkrement-/Dekrementoperator

6.4 Stringoperatoren

6.5 Vergleichsoperatoren

6.6 Logische Operatoren

6.7 Bit-Operatoren

6.8 Sonstige

Variablen

7.1 Deklaration

7.2 Wertezuweisung

7.3 Reichweite

7.4 Parameter und Zählvariablen

7.5 Konstanten

Datentypen

8.1 Boolean

8.2 Number

8.3 String

8.4 Null, undefined

8.5 MovieClip

8.6 Object

8.7 Void

Arrays

9.1 Arrays einrichten und die Länge definieren

9.2 Arrays bei der Deklaration füllen

9.3 Zugriff auf Inhalte

9.4 Arrays dynamisch füllen

9.5 Löschen von Elementen

9.6 Arrays sortieren und durchsuchen

9.7 Weitere Methoden

9.8 Mehrdimensionale Arrays

9.9 Assoziative Arrays

Funktionen

10.1 Funktionsdeklaration und -aufruf

10.2 Funktionen ohne Bezeichner

10.3 Gültigkeit

10.4 Verschachtelung von Funktionen

10.5 Parameter

10.6 Funktionen mit Rückgabewert (return)

10.7 Von Flash zur Verfügung gestellte Funktionen

10.8 Rekursion

Kontrollstrukturen

11.1 Bedingungen

11.1.1 Die if-Anweisung

11.1.2 Verschachtelte if-Anweisungen, logisches und, logisches oder

11.1.3 if else

11.1.4 else if

11.1.5 switch, break

11.2 Schleifen

11.2.1 for-Schleife

11.2.2 break, continue

11.2.3 while-Schleife

11.2.4 do while-Schleife

11.2.5 for in-Schleife

11.2.6 Endlosschleifen

MovieClip-Klasse

12.1 Eigenschaften von MovieClips

12.1.1 Adressierung von MovieClips

12.1.2 _x, _y, _xmouse, _ymouse, _width, _height

12.1.3 _xscale, _yscale

12.1.4 _rotation, _alpha, _visible

12.1.5 blendMode

12.1.6 _currentframe, _totalframes

12.2 Ereignisse

12.2.1 onEnterFrame

12.2.2 Schaltflächenereignisse von MovieClips

12.2.3 Maus-Ereignisse

12.3 MovieClip-Methoden

12.3.1 Zeitleistensteuerung

12.3.2 Objekte dynamisch einfügen

12.3.3 Drag and Drop

12.3.4 Kollision

12.3.5 Maskierung

12.3.6 Ausdehnung und Koordinaten

12.4 Die Mutter aller MovieClips: _root (_level0)

Zeichnungsmethoden der MovieClip-Klasse

13.1 Linien, Kurven und Füllungen

13.2 Verlaufsfüllungen

13.3 Ereignisse, Methoden, Eigenschaften

13.4 Geometrische Grundfiguren (Kreis, Oval, Polygon, Stern)

String, Textfield, Textformat

14.1 Strings erzeugen und String-Wert auslesen

14.2 Länge

14.3 Verkettung

14.4 Escape-Sequenzen und Sonderzeichen

14.5 ASCII-Zeichensatz

14.6 Teilstrings extrahieren

14.7 Teilstrings ermitteln

14.8 Groß-/Kleinbuchstaben

14.9 Text, Textfelder

14.10 Textauszeichnung/-formatierung

14.10.1 TextFormat

14.10.2 Formatierung mit HTML

14.10.3 Formatierung mit CSS

14.11 Darstellung größerer Textmengen

14.12 Eingabetext

Math-Klasse

15.1 Eigenschaften: Konstanten

15.2 Methoden

15.2.1 Auf- und Abrunden

15.2.2 Zufallszahlen

15.2.3 Weitere Methoden

Color-/ColorTransform-Klasse

16.1 Klassenpakete und Instanziierung von Klassen

16.2 Vollständiges Einfärben

16.3 Einfärben mit Hilfe einzelner Farbkanäle

Maus und Tastatur

17.1 Die Mouse-Klasse

17.1.1 Eigene Cursor

17.1.2 Mausereignisse

17.2 Tastatur

BitmapData- und Filter-Klasse

18.1 Bitmap versus Vektor

18.2 Instanziierung der BitmapData-Klasse

18.3 Eigenschaften der BitmapData-Klasse

18.4 Methoden der BitmapData-Klasse

18.4.1 Dispose()

18.4.2 FillRect(), floodFill()

18.4.3 GetPixel(), getPixel32(), setPixel(), setPixel32()

18.4.4 LoadBitmap(), draw(), copyPixels(), clone()

18.4.5 Noise(), perlinNoise()

18.5 Optimierung mit Hilfe von BitmapData

18.6 Filter

18.6.1 Bevel-Filter

18.6.2 Blur-Filter

18.6.3 DropShadow-Filter

18.6.4 Glow-Filter

18.6.5 GradientBevel-Filter

18.6.6 GradientGlow-Filter

18.6.7 ColorMatrix-Filter

18.6.8 Convolution-Filter

18.6.9 DisplacementMap-Filter

Sound

19.1 Sound abspielen und stoppen

19.2 Einen Sound loopen

19.3 Externe Sounds

Externe Assets

20.1 Laden externer swf-Dateien

20.2 Eigenschaften der geladenen Dateien

20.3 Anzeigen der Ladekontrolle (Preloader mit getBytesLoaded())

20.4 Überblenden bei Ladevorgängen

20.5 Alternative Ladekontrolle (Preloader mit der MovieClipLoader-Klasse)

20.6 Beispiel modulare Website

20.7 Code

XML

21.1 Aufbau von XML-Dokumenten

21.2 Laden von XML-Dokumenten (new XML, load(), onLoad, onData)

21.3 Zugriff auf den gesamten Inhalt einer XML-Datei (firstChild, ignoreWhite)

21.4 Verarbeitung einzelner Daten

Tween- und TransitionManager-Klasse

22.1 Tween-Klasse

22.2 Beschleunigungsklassen und -methoden

22.3 Eigenschaften (duration, finish, FPS, position, time)

22.4 Methoden

22.5 Ereignisse

22.6 Sukzessive Animation verschiedener Eigenschaften

22.7 TransitionManager-Klasse

22.8 Eigenschaften, Methoden und Ereignisse

22.9 Übergangstypen

Debugging

23.1 Fehlertypen

23.2 Erste Fehlerkontrolle mit Auto-Format

23.3 Das Nachrichtenfenster

23.4 Der integrierte Debugger

Geskriptete Animationen

24.1 Animationskategorien

24.2 Einmalige Animation

24.3 Animation mit onEnterFrame und fester Schrittweite

24.4 Animation mit setInterval() und fester Schrittweite

24.5 Zeitsteuerung

24.6 Dynamische Schrittweite

24.7 Feste Schrittanzahl

24.8 Fehlerquelle Schleife

24.9 Überprüfung von Grenzwerten

24.10 Grenzbedingung und Verwendung von Animationsobjekten

24.10.1 Löschen des Objekts

24.10.2 Bouncing off

24.10.3 Screen wrap

24.10.4 Neue Zufallsposition

Trigonometrie

25.1 Einige Grundlagen der planen Trigonometrie

25.2 Abstände zwischen Objekten

25.3 Kreise und Ellipsen

25.4 Spiralen

25.5 Code

25.6 Spiralförmige Animation eines Objekts

25.7 Sinustäuschung

25.8 Drehung eines Objekts zu einem anderen Objekt

25.9 Interaktiver Schlagschatten

25.10 Code

Effekte (Text)

26.1 Text vergrößern und ein-/ausblenden

26.2 Code

26.3 Einzelne Zeichen einfärben

26.4 Code

26.5 Einzelne Zeichen vergrößern und verkleinern

26.6 Code

26.7 Text mit Farbverlauf

26.8 Code

26.9 Schreibmaschineneffekt

26.10 Text einblenden aus Zufallsbuchstaben

26.11 Code

26.12 Weitere Effekte

Effekte (Grafik)

27.1 Einfärben über einzelne Farbkanäle

27.2 Code

27.3 Organische Moleküle

27.4 Code

27.5 Beleuchtungseffekt mit Maske

27.6 Code

27.7 Überblendeffekt mit Maske

27.8 Code

27.9 Mosaik-Effekt

27.10 Code

Effekte (Maus)

28.1 Maus(ver)folger

28.2 Code

28.3 Initialisierung von Animationen

28.4 Code

28.5 Eigenschaftsänderungen

28.6 Code

Interface und Navigation

29.1 Check Boxes

29.2 Radio Buttons

29.3 Combo-Box

29.4 Code

29.5 Variante

29.6 Slider

29.7 Drag and Drop-Elemente

29.8 Code

29.9 Einfaches Fenster-System mit scale9Grid

29.10 Code

29.11 Varianten und Erweiterungen

Menü-Systeme

30.1 Kreismenüs

30.2 Code

30.3 Elliptisches Menü

30.4 Code

30.5 Akkordeon

30.6 Code

30.7 Drop Down-Menü

30.8 Code

Bildergalerien

31.1 Einfache Galerie mit Slider und internen Assets

31.2 Code

31.3 Eine Variante

31.4 Code

31.5 Galerie mit externen Assets

31.6 Code

31.7 Einige Varianten

Spiele

32.1 Pairs

32.2 Code

32.3 Puzzle

32.4 Code

Ressourcen

33.1 Literatur

33.2 Lernvideos

33.3 Webseiten

Sachverzeichnis

Abbildung 1: Standardsymbole zur Entwicklung eines Flowcharts

Abbildung 2: Beispielhaftes Flussdiagramm (Programmlogik)

Abbildung 3: Variablen- und Funktionsdefinition

Abbildung 4: Anweisungsblock

Abbildung 5: Argument, Parameter, Schleife

Abbildung 6: Anweisung, Bedingung, Funktionsaufruf

Abbildung 7: Integrierter AS-Editor

Abbildung 8: Zuweisung eines Objektskripts

Abbildung 9: Fixieren des Skriptfensters

Abbildung 10: Operanden und Operatoren

Abbildung 11: Codehinweise zu Datentypen

Abbildung 12: Arraylänge, -index und -inhalte

Abbildung 13: Verwendung einer parametrisierten Funktion

Abbildung 14: Vorgegebene Funktionen

Abbildung 15: Fehlermeldung bei Endlosschleife

Abbildung 16: Eigenschaftsfenster eines MovieClips auf der Bühne

Abbildung 17: Verschachtelter MovieClip auto

Abbildung 18: Pfadhierarchie

Abbildung 19: Relative Adressierung mit _parent

Abbildung 20: Kartesisches Koordinatensystem

Abbildung 21: Kartesisches Koordinatensystem in Flash (Hauptzeitleiste)

Abbildung 22: Skalieren eines MovieClips

Abbildung 23: Spiegelung mit _xscale

Abbildung 24: Positionierung der MovieClips

Abbildung 25: Überlappende MovieClips

Abbildung 26: Beispielhafter Aufbau der Übung

Abbildung 27: Kollisionserkennung mit hitTest()

Abbildung 28: Ergebnis von getBounds() bei verschiedenen Koordinatensystemen

Abbildung 29: Beispiel einer geskripteten Zeichnung

Abbildung 30: Haus und Grundstück des Autors

Abbildung 31: Zur Funktionsweise von curveTo()

Abbildung 32: Zweifarbiger, radialer Farbverlauf Rot – Orange

Abbildung 33: Koronaartiger Grafikeffekt mit Verlaufsfüllung

Abbildung 34: Verschiebung des Verlaufsmittelpunkts

Abbildung 35: Oval

Abbildung 36: Händisch erstelltes Textfeld

Abbildung 37: Textformatierung mit der TextFormat-Klasse

Abbildung 38: Erweiterte Textformatierung mit der TextFormat-Klasse

Abbildung 39: Verwendung der Komponente UIScrollBar

Abbildung 40: Eingabefeld für die Mail-Adresse

Abbildung 41: Einfärben eines MovieClips

Abbildung 42: Erweiterte Farboptionen einer MovieClip-Instanz

Abbildung 43: Eigener Mauszeiger in Aktion

Abbildung 44: Erzeugung eines Punktrasters mit setPixel()

Abbildung 45: Erzeugung eines zufälligen Musters mit setPixel32()

Abbildung 46: Ausschnittweises Kopieren einer Grafik

Abbildung 47: Erzeugung einer Störung mit Hilfe der perlinNoise()-Methode

Abbildung 48: Skinners „Pflanzengenerator“

Abbildung 49: Bevel-Filter

Abbildung 50: Bevel-Filter mit maximaler Stärke

Abbildung 51: GradientBevel-Filter

Abbildung 52: 4 × 5-Matrix des ColorMatrix-Filters

Abbildung 53: DisplacementMap-Filter

Abbildung 54: Einstellungen für das Sound-Verhalten

Abbildung 55: Weitere Einstellungen für das Sound-Verhalten

Abbildung 56: Externer Ladevorgang in der Hauptzeitleiste

Abbildung 57: Auswirkungen von _root auf externe Ladeprozesse

Abbildung 58: Verschachtelte Ordnerstruktur für externe Ladevorgänge

Abbildung 59: Fehlermeldung bei fehlgeschlagenem Ladeaufruf

Abbildung 60: Eigenschaftsänderungen bei externen Ladevorgängen

Abbildung 61: Fehlerhafte Positionierung einer extern geladenen Grafik

Abbildung 62: Bandbreiten-Profiler zur Kontrolle des Ladevorgangs

Abbildung 63: Konfiguration der Download-Simulation

Abbildung 64: Simulation eines externen Ladevorgangs

Abbildung 65: Zeichnen der Elemente des Ladebalkens

Abbildung 66: Aufbau der Anwendung

Abbildung 67: Phase 1 des Ladevorgangs

Abbildung 68: Phase 2 des Ladevorgangs

Abbildung 69: Phase 3 des Ladevorgangs

Abbildung 70: Datei literatur1.xml im Internet Explorer

Abbildung 71: Fehlerhaftes XML-Dokument im Internet Explorer

Abbildung 72: Beschleunigungseffekt Back.easeIn

Abbildung 73: Beschleunigungseffekt Bounce.easeIn

Abbildung 74: Beschleunigungseffekt Elastic.easeIn

Abbildung 75: Beschleunigungseffekt Regular.easeIn

Abbildung 76: Beschleunigungseffekt Strong.easeIn

Abbildung 77: Sukzessives Ausführen mehrerer Tweens

Abbildung 78: Abprallen am rechten Rand

Abbildung 79: Fehlermeldung im Compiler-Fenster (1)

Abbildung 80: Fehlermeldung im Compiler-Fenster (2)

Abbildung 81: Fehlermeldung im Compiler-Fenster (3)

Abbildung 82: Fehlermeldung im Compiler-Fenster (4)

Abbildung 83: Fehlermeldung im Compiler-Fenster (5)

Abbildung 84: Auflistung aller Variablen zur Laufzeit

Abbildung 85: Abspeichern des Inhalts des Nachrichtenfenster

Abbildung 86: Debugger-Fenster

Abbildung 87: Animation durch permanente Änderung der Drehung

Abbildung 88: Horizontale und vertikale Bewegung

Abbildung 89: Bewegung und Vorzeichenumkehr

Abbildung 90: Positionsberechnung über wechselnde Entfernung (1)

Abbildung 91: Positionsberechnung über wechselnde Entfernung (2)

Abbildung 92: Berechnung der Schrittweite aus Schrittanzahl und Entfernung

Abbildung 93: Bewegung und Grenzbedingung

Abbildung 94: Überschreiten des Grenzwertes

Abbildung 95: Animationsobjekt innerhalb/außerhalb der Bühne

Abbildung 96: Abprallen am rechten Screenrand

Abbildung 97: Rechtwinkliges Dreieck

Abbildung 98: Abstandsmessung zwischen zwei beliebigen Punkten und der Satz des Pythagoras

Abbildung 99: Trigonometrische Funktionen und Kreisberechnung

Abbildung 100: Der Einheitskreis

Abbildung 101: Abstandsmessung zwischen MovieClips

Abbildung 102: Spirale mit linear anwachsendem Radius

Abbildung 103: Spirale mit exponentiell anwachsendem Radius

Abbildung 104: Spiralförmig zu animierende Rakete

Abbildung 105: Spiralförmig animierter Bleistift

Abbildung 106: Sinustäuschung

Abbildung 107: Ausrichtung des Fahrzeugs vor der Drehung zur Maus

Abbildung 108: Veränderung des Schlagschattens per Maus

Abbildung 109: Animierter Text (Änderung von Größe, Deckkraft, Position)

Abbildung 110: Einbetten eines Fonts in der Bibliothek

Abbildung 111: Animiertes Einfärben einzelner Buchstaben

Abbildung 112: Text mit statischem Farbverlauf

Abbildung 113: Farbverlauf Rot – Gelb – Grün

Abbildung 114: Verschiedene Ausrichtungen des Farbverlaufs

Abbildung 115: Aufbau der Animation mit Farbverläufen

Abbildung 116: Schreibmaschineneffekt

Abbildung 117: Text einblenden aus Zufallsbuchstaben

Abbildung 118: Färben über einzelne Farbkanäle

Abbildung 119: Einfärbung eines per Filter-Klasse erstellten Schattens

Abbildung 120: Organische Erscheinung per Ebeneneffekt

Abbildung 121: Simulation eines Spotlights

Abbildung 122: Überblendeffekt mit Hilfe einer Maske

Abbildung 123: Mosaik-Effekt (1)

Abbildung 124: Mosaik-Effekt (2)

Abbildung 125: Ermittlung eines Farbpixels

Abbildung 126: Text als Mausverfolger

Abbildung 127: Uhr in Ruhestellung

Abbildung 128: Uhrteile folgen der Maus

Abbildung 129: Aufbau der Uhr ohne Zeitanzeige

Abbildung 130: Blätteranimation nach Mausbewegung

Abbildung 131: Alternative Objektformen

Abbildung 132: Formänderung nach Mausbewegung

Abbildung 133: Check Boxes des Workshops

Abbildung 134: Aufbau von mcRecht

Abbildung 135: Radio Buttons

Abbildung 136: Aufbau von mcKreis

Abbildung 137: Combo-Box des Workshops

Abbildung 138: Bibliotheks-Elemente der Drag and Drop-Übung

Abbildung 139: Einzelelemente eines Fensters

Abbildung 140: Positionsbestimmung der Fensterteile

Abbildung 141: Kreisförmiges Menü

Abbildung 142: Aktiviertes Kreismenü

Abbildung 143: Aufbau des elliptischen Menüs

Abbildung 144: Anzeigen der Menüelemente

Abbildung 145: Scheitelpunkte der Animation

Abbildung 146: Akkordeon-Menü des Workshops

Abbildung 147: Aufbau des MovieClips mcFenster

Abbildung 148: Drop Down-Menü des Workshops

Abbildung 149: Originalgrafik (verkleinert)

Abbildung 150: Thumbnail-Typ 1

Abbildung 151: Thumbnail-Typ 2

Abbildung 152: Thumbnail-Typ 3

Abbildung 153: Infografik mit Bildergalerie

Abbildung 154: Aufbau des MovieClips mcBild

Abbildung 155: Aufbau des MovieClips mcSlider

Abbildung 156: Aufbau des MovieClips mcMaske

Abbildung 157: Variante der Bildergalerie

Abbildung 158: Aufbau des MovieClips mcMaske bei nicht aktivierter Maske

Abbildung 159: Aufbau der Galerie mit externen Assets

Abbildung 160: Ordnerstruktur der Galerie

Abbildung 161: Aufbau der Thumbnails

Abbildung 162: Aufbau Memory-Spiel

Abbildung 163: Karten und Bilderset

Abbildung 164: Zufallsverteilung der Karten in aKarten

Abbildung 165: Puzzlespiel

Abbildung 166: Umrisse der Puzzleteile

Abbildung 167: Registrierungspunkt und gedachtes Quadrat

Abbildung 168: Puzzleteile entsprechend der Array-Elemente

Abbildung 169: Begrenzungsrechteck und Registrierungspunkt von mcPuzzle6

Abbildung 170: Puzzleteile ohne Maske

Abbildung 171: Puzzleteile mit BevelFilter