Jetzt lerne ich ActionScript

jetzt lerne ich ActionScript Der einfache Einstieg in die Programmierung mit Flash MX/MX 2004 DIRK LOUIS Bibliografi...

Author: Dirk Louis

42 downloads 961 Views 6MB Size Report

This content was uploaded by our users and we assume good faith they have the permission to share this book. If you own the copyright to this book and it is wrongfully on our website, we offer a simple DMCA procedure to remove your content from our site. Start by pressing the button below!

Report copyright / DMCA form

DOWNLOAD PDF

jetzt lerne ich

ActionScript Der einfache Einstieg in die Programmierung mit Flash MX/MX 2004

DIRK LOUIS

Bibliografische Information Der Deutschen Bibliothek Die Deutsche Bibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über abrufbar.

Die Informationen in diesem Produkt werden ohne Rücksicht auf einen eventuellen Patentschutz veröffentlicht. Warennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt. Bei der Zusammenstellung von Texten und Abbildungen wurde mit größter Sorgfalt vorgegangen. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Verlag, Herausgeber und Autoren können für fehlerhafte Angaben und deren Folgen weder eine juristische Verantwortung noch irgendeine Haftung übernehmen. Für Verbesserungsvorschläge und Hinweise auf Fehler sind Verlag und Herausgeber dankbar. Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Die gewerbliche Nutzung der in diesem Produkt gezeigten Modelle und Arbeiten ist nicht zulässig. Fast alle Hardware- und Software-Bezeichnungen, die in diesem Buch erwähnt werden, sind gleichzeitig auch eingetragene Warenzeichen oder sollten als solche betrachtet werden. Umwelthinweis: Dieses Buch wurde auf chlorfrei gebleichtem Papier gedruckt.

10 9 8 7 6 5 4 3 2 1 06 05 04

ISBN 3-8272-6717-X © 2004 by Markt+Technik Verlag, ein Imprint der Pearson Education Deutschland GmbH, Martin-Kollar-Straße 10–12, D-81829 München/Germany Alle Rechte vorbehalten Lektorat: Erik Franz, [email protected] Korrektorat: Petra Alm Herstellung: Claudia Bäurle, [email protected] Coverkonzept: independent Medien-Design Coverlayout: adesso 21, Thomas Arlt Titelillustration: Karin Drexler Satz: text&form GbR, Fürstenfeldbruck Druck und Verarbeitung: Bosch, Ergolding Printed in Germany

Vorwort

15

Teil I: Grundlagen

19 21 29 77

1 2 3

Was kann ActionScript? Das Arbeitsmaterial Die Programmierumgebung

Teil II: ActionScript 4 5 6 7 8 9 10

Grundlagen der Datenverarbeitung Programmieren mit Zahlen und Strings Kontrollstrukturen Arrays Funktionen Objekte und Klassen Vordefinierte Klassen

Teil III: Die Schnittstelle zum Film 11 12 13 14 15

Techniken für Fortgeschrittene Auf Maus und Tastatur reagieren Die hohe Schule der Filmsequenz-Programmierung Schaltflächen – mal ganz unkonventionell Benutzereingaben und Formulare

Teil IV: Filmreif ActionScript 16 17 18

Daten aus externen Datenquellen Ausgewählte Website-Elemente Animation und Spiele

Anhang Anhang Anhang Anhang Anhang

A: Lösungen B: Unicode-Tabellen C: Die CD-ROM zum Buch D: Glossar

Stichwortverzeichnis

95 97 137 171 203 227 251 291

jetzt lerne ich

Übersicht

307 309 335 347 365 375 393 395 407 419 443 445 469 473 475 479

5

jetzt lerne ich

Inhaltsverzeichnis Vorwort

15

Teil I: Grundlagen

19

1 1.1 1.2 1.3 1.4 1.5 1.6

Was kann ActionScript? Was ist ActionScript? Welche Ergebnisse kann man mit ActionScript erzielen? Welche technischen Möglichkeiten eröffnet ActionScript? Ein wenig notwendige Terminologie Zusammenfassung Fragen und Antworten

21 22 22 23 25 27 27

2 2.1 2.1.1 2.2 2.2.1 2.2.2 2.2.3 2.3 2.3.1 2.3.2 2.3.3 2.3.4 2.4 2.4.1

Das Arbeitsmaterial Das Ereignis-Modell Die Ereignisse Schlüsselbilder (Keyframes) Code mit Schlüsselbildern verbinden Ereignisse für Schlüsselbilder Beispiel Schaltflächen Symbole und Instanzen Code mit Schaltflächen verbinden Ereignisse für Schaltflächen Beispiel Komponenten Was sind Komponenten?

29 30 31 33 33 34 35 42 42 48 49 51 58 58

7

Inhaltsverzeichnis

jetzt lerne ich

2.4.2 2.4.3 2.4.4 2.5 2.5.1 2.5.2 2.5.3 2.6 2.7 2.8

Code mit Komponenten verbinden Ereignisse für Komponenten Beispiel Filmsequenzen Code mit Filmsequenzen verbinden Ereignisse für Filmsequenzen Beispiel Zusammenfassung Fragen und Antworten Übungen

59 60 61 63 64 69 70 75 76 76

3 3.1 3.1.1 3.1.2 3.1.3 3.2 3.3 3.4 3.4.1 3.4.2 3.4.3 3.5 3.6 3.7 3.8

Die Programmierumgebung Das Aktionen-Bedienfeld Die einzelnen Teilbereiche Code zuordnen Das Skripte-Register Externer Code Das Ausgabefenster Testen und Debuggen Syntaxprüfung Filme und Skriptcode testen Debuggen Compiler und Interpreter Zusammenfassung Fragen und Antworten Übungen

77 77 78 81 81 82 83 86 86 87 88 92 93 93 93

Teil II: ActionScript 4 4.1 4.1.1 4.1.2 4.2 4.2.1 4.2.2 4.2.3 4.2.4 4.3 4.3.1 4.3.2 4.3.3

8

Grundlagen der Datenverarbeitung Was sind Variablen? Variablen versus Konstanten Variablen und der Interpreter Eigene Variablen Variablendefinition Werte zuweisen und abfragen Werte einlesen und ausgeben Regeln für die Namensgebung Datentypen Die Zahlen Die Strings Die booleschen Wahrheitswerte

95 97 98 98 102 103 103 105 108 113 114 115 117 120

Inhaltsverzeichnis

jetzt lerne ich

4.3.4 4.3.5 4.3.6 4.3.7 4.4 4.4.1 4.4.2 4.4.3 4.5 4.6 4.7

Die Datentypen undefined und null Die zusammengesetzten Datentypen Strikte und schwache Typisierung in ActionScript Typumwandlung in ActionScript Fallstricke und Vertiefung L- und R-Wert Gültigkeitsbereiche Automatische Variablendefinition Zusammenfassung Fragen und Antworten Übungen

121 122 122 124 129 129 130 132 133 134 135

5 5.1 5.1.1 5.1.2 5.2 5.2.1 5.2.2 5.2.3 5.2.4 5.3 5.4 5.4.1 5.4.2 5.4.3 5.5 5.5.1 5.5.2 5.5.3 5.6 5.6.1 5.6.2 5.6.3 5.6.4 5.6.5 5.6.6 5.6.7 5.7 5.8 5.9 5.10

Programmieren mit Zahlen und Strings Die arithmetischen Operatoren Modulo Inkrement und Dekrement Die Kunst, sich korrekt auszudrücken Ausdrücke Priorität Mathematische Formeln ausrechnen Anweisungen Kombinierte Zuweisungen Die Klasse Math und die mathematischen Funktionen Methoden der Klasse Math Verwendung der trigonometrischen Funktionen Zufallszahlen Rundungsfehler und NaN Genauigkeit der Zahlendarstellung Rundungsfehler im Binärsystem Die Zahlen NaN und infinity Programmieren mit Strings Methoden der Klasse String Strings verketten Stringlänge bestimmen Strings analysieren Strings zerlegen Strings umwandeln Gleitkommazahlen in Strings umwandeln HTML-Formatierung Zusammenfassung Fragen und Antworten Übungen

137 138 139 140 142 142 143 144 146 147 147 148 150 153 154 154 156 156 157 158 159 161 161 163 164 164 165 168 169 169

9

Inhaltsverzeichnis

jetzt lerne ich

10

6 6.1 6.2 6.2.1 6.2.2 6.2.3 6.3 6.4 6.5 6.5.1 6.5.2 6.5.3 6.5.4 6.5.5 6.5.6 6.6 6.7 6.8

Kontrollstrukturen Bedingte Ausführung mit if Wie formuliert man Bedingungen? Arithmetische Ausdrücke in Bedingungen Die Vergleichsoperatoren Die logischen Verknüpfungen if-else-Konstruktionen Die switch-Verzweigung Schleifen Die while-Schleife Die do-while-Schleife Die for-Schleife Die for-in-Schleife Abbruchbefehle für Schleifen Verschachtelte Schleifen Zusammenfassung Fragen und Antworten Übungen

171 172 175 175 176 179 182 186 187 189 193 194 196 197 198 199 199 200

7 7.1 7.2 7.3 7.4 7.4.1 7.4.2 7.4.3 7.4.4 7.4.5 7.5 7.6 7.7 7.8 7.9 7.10

Arrays Was sind Arrays? Arrays erzeugen Auf Array-Elemente zugreifen Mit Arrays programmieren Anzahl der Elemente eines Arrays feststellen Arrays in Schleifen durchlaufen Elemente hinzufügen oder löschen Arrays sortieren und durchsuchen Weitere Array-Methoden Arrays von Arrays Assoziative Arrays (Hashes) Wert- und Referenztypen Zusammenfassung Fragen und Antworten Übungen

203 204 205 208 209 209 209 211 215 219 220 221 222 224 224 225

8 8.1 8.1.1 8.1.2 8.2 8.2.1

Funktionen Funktionsdefinition und -aufruf Funktionsdefinition Funktionsaufruf Parameter Parameter definieren

227 228 228 229 233 234

Inhaltsverzeichnis

jetzt lerne ich

8.2.2 8.2.3 8.3 8.4 8.5 8.6 8.7 8.8 8.9

Mehrere Parameter Wert- und Referenztypen Werte aus Funktionen zurückliefern Gültigkeitsbereiche und Verdeckung Welche Vorteile bringen Funktionen? Die vordefinierten Funktionen Zusammenfassung Fragen und Antworten Übungen

235 238 239 241 242 245 247 248 249

9 9.1 9.1.1 9.1.2 9.1.3 9.2 9.2.1 9.2.2 9.2.3 9.2.4 9.3 9.3.1 9.3.2 9.3.3 9.3.4 9.3.5 9.3.6 9.4 9.5 9.6 9.7 9.8

Objekte und Klassen Die Grundidee der objektorientierten Programmierung Programme mit nicht-objektorientiertem Ansatz Programme mit objektorientiertem Ansatz Vorteile der objektorientierten Programmierung Direkte Objektdefinition (ActionScript 1.0-Weg) Objekte erzeugen Eigenschaften Methoden »Klassen« im 1.0-Modell Echte Klassen (ActionScript 2.0) Die Klassendefinition Eigenschaften Methoden Konstruktoren und Objekterzeugung Die Zugriffsspezifizierer private und public Klassen müssen im Klassenpfad stehen Mit Objekten programmieren Beispiel: Personalisierte Filme Zusammenfassung Fragen und Antworten Übungen

251 252 253 255 259 260 260 261 262 264 268 269 269 270 271 273 277 279 281 287 288 288

10 10.1 10.2 10.3 10.4 10.5 10.6 10.7

Vordefinierte Klassen Sound Farbe Datum Stage Zusammenfassung Fragen und Antworten Übungen

291 292 296 300 303 305 305 306

11

jetzt lerne ich

12

Inhaltsverzeichnis

Teil III: Die Schnittstelle zum Film

307

11 11.1 11.1.1 11.1.2 11.2 11.2.1 11.2.2 11.2.3 11.3 11.3.1 11.3.2 11.3.3 11.4 11.4.1 11.4.2 11.4.3 11.4.4 11.4.5 11.5 11.6 11.7

Techniken für Fortgeschrittene Benannte Schlüsselbilder Bildnamen vergeben Bilder über Namen ansteuern Drei Ereignismodelle Modell Nr. 1: Die on- und onClipEvent-Ereignisprozeduren Modell Nr. 2: Die Ereignisprozedurmethoden Modell Nr. 3: Die Listener Codeausführung Die Regeln der Codeausführung Rendern erzwingen Code periodisch ausführen lassen Zugriff auf Filmelemente Die Filmsequenzhierarchie Zugriff ohne Instanzname Zugriff über Instanznamen Zugriff über Pfadangabe Indizierter Zugriff Zusammenfassung Fragen und Antworten Übungen

309 310 310 311 312 312 314 317 321 321 324 325 327 328 329 330 331 332 333 333 333

12 12.1 12.2 12.2.1 12.2.2 12.2.3 12.3 12.4 12.5

Auf Maus und Tastatur reagieren Mausereignisse abfangen Position des Mauszeigers bestimmen Mausereignisse über Filmsequenzinstanz erkennen Tastatur überwachen Die Key-Klasse Zusammenfassung Fragen und Antworten Übungen

335 335 337 341 342 343 344 345 346

13 13.1 13.2 13.3 13.3.1 13.3.2 13.3.3 13.4 13.4.1

Die hohe Schule der Filmsequenz-Programmierung Abspielsteuerung Positionieren, Transformieren, Ausblenden Dynamische Erzeugung Erzeugung mit duplicateMovieClip() Erzeugung mit attachMovie() Nachbearbeitung und Ereignisbehandlung In Filmsequenzen zeichnen Linien zeichnen

347 348 349 350 352 354 356 357 358

Inhaltsverzeichnis

jetzt lerne ich

13.4.2 13.4.3 13.4.4 13.5 13.6 13.7 13.8 13.9

Rechtecke und Polygone zeichnen Kurven zeichnen Formen füllen Filmsequenzen als Masken Und mehr Zusammenfassung Fragen und Antworten Übungen

359 359 360 360 362 362 363 363

14 14.1 14.2 14.3 14.4 14.5 14.6

Schaltflächen – mal ganz unkonventionell Schaltflächen sind Button-Objekte Unsichtbare Schaltflächen Eigene Kontrollkästchen Zusammenfassung Fragen und Antworten Übungen

365 366 367 369 373 373 374

15 15.1 15.1.1 15.1.2 15.2 15.2.1 15.2.2 15.2.3 15.2.4 15.2.5 15.2.6 15.2.7 15.3 15.4 15.5 15.6

Benutzereingaben und Formulare Textfelder Textfeld-Variablen versus TextField-Instanzen Eingabemasken mit Textfeldern (Formulare) Die UI-Komponenten Schaltflächen (Button) Kontrollkästchen (CheckBox) Optionsfelder (RadioButton) Listenfelder (List) Drehregler (NumericStepper) Textfelder (TextInput und TextArea) Eingabemasken mit Komponenten (Formulare) Vollständigkeitsprüfung Zusammenfassung Fragen und Antworten Übungen

375 375 376 377 381 381 381 382 383 385 385 385 388 389 389 391

Teil IV: Filmreif ActionScript

393

16 16.1 16.2 16.2.1 16.2.2 16.2.3 16.3

395 396 397 397 399 401 402

Daten aus externen Datenquellen Warum externe Daten? Daten aus Textdateien Die Textdatei Einlesen der Daten Beispiel: Wetter.fla Daten aus ASP- und PHP-Skripten

13

Inhaltsverzeichnis

jetzt lerne ich

16.4 16.5 16.6 16.7

Daten aus XML-Dateien Zusammenfassung Fragen und Antworten Übungen

402 404 405 405

17 17.1 17.2 17.3 17.4 17.5 17.6 17.7

Ausgewählte Website-Elemente Popup-Menüs Bildergalerien Ticker Preloader (Ladeseiten) Zusammenfassung Fragen und Antworten Übungen

407 407 409 412 414 417 417 417

18 18.1 18.1.1 18.1.2 18.1.3 18.2 18.2.1 18.2.2 18.3 18.3.1 18.3.2 18.4 18.4.1 18.4.2 18.5 18.6 18.7

Animation und Spiele Animation Bildschleifen Animation mit enterFrame Dragging – Mausgesteuerte Animationen Fangspiel Kurzbeschreibung und Storyboard Der ActionScript-Code Reaktionsspiel Kurzbeschreibung und Storyboard Der ActionScript-Code Arcade-Spiel Kurzbeschreibung und Storyboard Der ActionScript-Code Zusammenfassung Fragen und Antworten Übungen

419 420 420 422 423 425 425 426 430 430 431 433 434 434 439 440 441

Anhang Anhang Anhang Anhang Anhang

A: Lösungen B: Unicode-Tabellen C: Die CD-ROM zum Buch D: Glossar

Stichwortverzeichnis

443 445 469 473 475 479

Bonuskapitel auf der Buch-CD:

14

Bonuskapitel 1: PHP

c 3

Bonuskapitel 2: Einrichtung eines lokalen Webservers

c 33

Bonuskapitel 3: Syntaxübersicht und Faktensammlung

c 43

jetzt lerne ich

Vorwort Wer anfängt, mit ActionScript zu programmieren, der taucht in eine andere Welt ein. Das gilt für Designer genauso wie für Programmierer. Die Denkweise des Anderen kennen und verstehen zu lernen, ist dabei sicherlich die größte Herausforderung, die Vereinigung beider Welten der größte Lohn. Die Kombination Flash-ActionScript eröffnet faszinierende Möglichkeiten. Möglichkeiten, die immer mehr Leute anziehen und begeistern und deren Reiz und Nutzen sich weder Designer noch Programmierer verschließen können. Dabei ist der Einstieg in die ActionScript-Programmierung gar nicht so einfach. Viele Designer resignieren angesichts der kryptischen Syntax und fremdartiger Konzepte wie Literalen, Kontrollanweisungen, Callback-Funktionen, Objekterzeugung oder Referenztypen und beschränken sich freiwillig darauf, ActionScript zur Steuerung und Verschiebung von Filmsequenzinstanzen einzusetzen. Programmierer, die bereits mit Sprachen wie C++ oder Java gearbeitet haben, stehen sich hingegen meist selbst im Weg, wenn sie annehmen, Variablen, Typisierung und objektorientierte Programmierung würden in ActionScript genauso funktionieren, wie sie es von C++ oder Java gewohnt sind. Mit welchen Vorkenntnissen Sie sich ActionScript auch nähern, ob Sie Designer, Programmierer oder absoluter Neuling sind, dieses Buch soll Sie in ActionScript einführen, Sie mit wichtigen Hintergrundinformationen versorgen, fortgeschrittene Techniken vermitteln und vor allem – dafür sorgen, dass für Sie der Einstieg in die ActionScript-Programmierung nicht zum Ausstieg aus der Faszination Flash-ActionScript wird.

15

jetzt lerne ich

Vorwort

Aufbau des Buches Der erste Teil ist Einführung und Orientierungshilfe. Anhand von vier Beispielen zu Schlüsselbildern, Schaltflächen, Komponenten und Filmsequenzen lernen Sie, was es bedeutet, mit ActionScript zu programmieren. Sie schreiben Ihren ersten Code, testen die ActionScript-Film-Schnittstelle, manipulieren Filmelemente und arbeiten sich so in die grundlegenden Techniken der ActionScript-Programmierung ein. Und falls Sie mit Flash bisher noch überhaupt nicht gearbeitet haben sollten: die wichtigsten Flash-Techniken werden gleich miterläutert (siehe auch Indexeinträge unter »Flash-Techniken«). Im zweiten Teil steht die ActionScript-Syntax im Vordergrund. Er nimmt einen Großteil des Buches ein, um Sie gründlich und verständlich in die Programmierung im Allgemeinen und die Programmierung mit ActionScript im Besonderen einzuweisen. Hier geht es nicht darum, Sie schnell mit den wichtigsten Grundbegriffen und Syntaxformen vertraut zu machen, damit Sie die präsentierten Beispiele halbwegs nachvollziehen können. Hier geht es darum, dass Sie die ActionScript-Programmierung von Grund auf erlernen, um später eigenständig und sicher mit ActionScript programmieren zu können. Ansprechende Beispiele vom Rechentrainer bis zur Verwaltung einer CD-Sammlung sorgen dafür, dass der Spaß an der ActionScript-Programmierung nicht zu kurz kommt. Der dritte Teil ist erneut der Schnittstelle zum Film gewidmet. Das Wissen aus dem ersten Teil wird vertieft, ausgebaut und um fortgeschrittene Techniken bereichert. Die Bemühung um die ActionScript-Syntax (Teil 2) trägt erste Früchte, wenn Sie lernen, gezielt auf Maus- und Tastatur zu reagieren, Filmsequenzinstanzen dynamisch zu erzeugen und zu manipulieren oder Benutzereingaben über Textfelder oder Komponenten einzulesen. Der vierte Teil ist der Lohn für Ihre Ausdauer. Steigern Sie Ihre Effizienz, indem Sie Daten aus Text- und XML-Dateien laden, bereichern Sie Ihre Filme um Preloader, Menüs oder Bildergalerien, animieren Sie Filmelemente und erfreuen Sie sich an den drei beschriebenen Spielen. (Und auf der Buch-CD gibt es als Bonus das PHP-Kapitel aus dem Flash/ActionScript-Kompendium). Der Anhang enthält neben Zeichentabelle, Glossar und Lösungen eine Schnellübersicht der wichtigsten Syntaxformen sowie Fakten-Zusammenstellungen zu Schlüsselbildern, Schaltflächen, Filmsequenzen, Textfeldern und Komponenten.

16

Vorwort

jetzt lerne ich

Bitte schreiben Sie mir! Sollten Sie Fragen, Kritik, Anregungen oder Wünsche für die nächste Auflage haben, zögern Sie nicht, mir zu schreiben. [email protected] [email protected] Errata zu dem Buch werden auf dem Markt+Technik-Server sowie unter www.carpelibrum.de veröffentlicht.

Dirk Louis Saarbrücken, Mai 2004

p. x. d. ele ment s

17

Kapitel 1 Was kann ActionScript?

21

Kapitel 2 Das Arbeitsmaterial

29

Kapitel 3 Die Programmierumgebung

77

Grundlagen

Teil I

19

Was kann ActionScript?

jetzt lerne ich

KAPITEL 1

Was kann ActionScript? An sich eine einfache Frage, aber wie soll man sie beantworten? Soll man wie in einem Werbeprospekt aufzählen, welche Ergebnisse sich mit ActionScript erzielen lassen, oder soll man auf die technischen Möglichkeiten hinweisen, die ActionScript eröffnet (und es dem Leser überlassen, sich auszumalen, was man in der Praxis mit diesen Techniken anfangen kann)? Vielleicht wäre es sogar angebracht, vorab eine kurze formale Definition davon zu geben, was ActionScript eigentlich ist? Ich denke, ich werde die Frage umformulieren oder – besser noch – in drei Teilfragen aufgliedern: Was ist ActionScript? Welche Ergebnisse lassen sich mit ActionScript erzielen? Welche technischen Möglichkeiten eröffnet ActionScript? Den Abschluss dieses Kapitels bildet eine Zusammenstellung der wichtigsten terminologischen Begriffe, die sicherstellen soll, dass wir in diesem Buch nicht aneinander vorbei reden.

Dieses Kapitel soll klären – was Sie von ActionScript erwarten dürfen und – welche Bedeutung bestimmten zentralen Begriffen in diesem Buch zukommt.

21

1 Was kann ActionScript?

jetzt lerne ich

1.1

Was ist ActionScript?

ActionScript ist eine Skriptsprache zur Manipulation von Flash-Filmen und den in den Filmen enthaltenen Elementen. ActionScript-Code wird direkt in die Flash-Filme integriert, die er manipuliert. Flash-Filme werden im Webbrowser mithilfe des Flash Players abgespielt. Wenn sich ein Websurfer eine Webseite mit einem Flash-Film ansieht, der ActionScript-Code enthält, wird der Code während des Abspielens des Films ausgeführt. Für die Ausführung des ActionScript-Codes ist der so genannte ActionScript-Interpreter verantwortlich, der in den Flash Player integriert ist.

1

ActionScript ist keine Programmiersprache, mit der man eigenständige Programme schreiben kann. Sie können mit ActionScript also keine EXEDateien erstellen, die Sie – wie zum Beispiel Microsoft Word oder das FlashGrafikprogramm – direkt von Windows aus aufrufen können. ActionScriptCode ist immer an einen Flash-Film gebunden und kann nur zusammen mit diesem in der Umgebung eines Flash Players (sei dieser nun in einen Webbrowser oder in das Flash-Grafikprogramm integriert) ausgeführt werden.

1.2

Welche Ergebnisse kann man mit ActionScript erzielen?

Es gibt eine Vielzahl von Anwendungsmöglichkeiten für ActionScript. Es wäre müßig zu versuchen, eine vollständige Liste aufzustellen – zumal findige Flash-/ActionScript-Anwender fortwährend neue Einsatzgebiete erschließen und faszinierende Umsetzungen ersinnen. Betrachten Sie die folgende Liste also lediglich als grobe Übersicht und Anregung zur Entwicklung eigener Ideen: 쐽 Schaltflächen 쐽 Menüs 쐽 Bildlaufleisten 쐽 Bildergalerien 쐽 Texteffekte 쐽 Maskeneffekte 쐽 Vervielfachung von Symbolen 쐽 Animation von Symbolen – als Alternative oder Ergänzung zum Tweening 쐽 Ablaufsteuerung von Filmen

22

Welche technischen Möglichkeiten eröffnet ActionScript?

jetzt lerne ich

쐽 Auswertung von Formulareingaben 쐽 Personalisierte Webseiten 쐽 Passwortschutz etc. 쐽 Kommunikation mit serverseitigen Technologien

1.3

Welche technischen Möglichkeiten eröffnet ActionScript?

ActionScript kennt selbst keine direkten Befehle zur Erzeugung einer Bildergalerie oder eines Texteffekts. ActionScript kennt aber eine Reihe von elementaren Befehlen und Techniken, mit deren Hilfe sich Bildergalerien, Texteffekte und andere Dinge realisieren lassen. In dieser Hinsicht gleicht ActionScript einem Baukastensystem – beispielsweise einem LEGO® Technic-Baukasten. In einem solchen Baukasten gibt es einen Satz elementarer Bausteine. Im Falle des LEGO® Technic-Baukasten wären das die Steine, Platten, Wellen, Zahnräder und so weiter; im Falle von ActionScript wären es die Elemente der Sprache (Variablen, Literale, Schleifen etc.) und die vordefinierten Funktionen, Klassen und Objekte. Weiterhin gehören zu einem Baukastensystem Regeln, wie man die Bausteine zusammensetzen kann. Die Regeln für das Zusammensetzen der LEGO®-Bausteine sind so einfach und nahe liegend, dass es nicht nötig ist, die Regeln extra niederzuschreiben. Man erlernt sie automatisch beim Spielen mit den Steinen: »Stabile Verbindungen entstehen, wenn man die Unterseite eines Steins auf die Noppen auf der Oberseite eines anderen Steins setzt (nicht, indem man die Steine nebeneinander oder Noppen auf Noppen setzt). Wellen kann man nur mit Bausteinen mit entsprechenden Führungen verbinden. Zahnradelemente müssen so zusammengebaut werden, dass die Zahnräder ineinander greifen...« Die Regeln für den »Zusammenbau« der ActionScript-Bausteine sind nicht ganz so einfach. Es handelt sich vielmehr um ein umfangreiches Regelwerk, das – wie bei Programmiersprachen üblich – als Grammatik bezeichnet wird. Wie das »Baukastensystem« ActionScript im Detail bestückt ist, welche Bausteine darin zu finden sind und nach welchen Regeln diese eingesetzt werden können, werden Sie in aller Ausführlichkeit in Teil 2 dieses Buches erfahren. Einen groben Überblick über das System und die darin steckenden technischen Möglichkeiten möchte ich Ihnen aber jetzt schon geben.

ActionScript ist ereignisgesteuert In ActionScript schreiben Sie keine Programme, wie man sie von anderen Programmiersprachen wie C++ oder Java kennt. Mit ActionScript schreiben Sie im Grunde überhaupt keine Programme, sondern lediglich Ereignisbe-

23

jetzt lerne ich

1 Was kann ActionScript? handlungscode. Die Ereignisse, auf die Sie reagieren können, sind fest vorgegeben. Es gibt Ereignisse für Benutzeraktionen (beispielsweise das Drücken einer Schaltfläche) und interne Ereignisse, die beim Ablaufen eines FlashFilms auftreten (beispielsweise der Eintritt in das nächste Bild des Films). ActionScript-Programmierung bedeutet, dass Sie sich die Ereignisse aussuchen, auf die Sie reagieren wollen, und für jedes dieser Ereignisse Code aufsetzen, der bei Eintritt des Ereignisses ausgeführt wird.

ActionScript bringt mehr Interaktivität Mit ActionScript können Sie Ihren Flash-Filmen auf zweierlei Weise mehr Interaktivität verleihen: 쐽 Sie können Eingaben über Texteingabefeldern oder UI-Komponenten in den Film einlesen und 쐽 Sie können auf Systemereignisse wie das Vorrücken des Abspielkopfes oder Benutzerereignisse wie Mausklicks, Mausbewegungen und das Drücken von Tasten und Tastenkombinationen reagieren.

ActionScript kann visuelle Elemente manipulieren Instanzen von Filmsequenzsymbolen können per ActionScript manipuliert werden. Mit anderen Worten: Grafische Elemente, die technisch gesehen Filmsequenzen sind, können Sie mittels ActionScript verschieben, drehen, neu färben, kopieren und vieles mehr.

ActionScript kann Filmsequenzen steuern Wo wir gerade bei den Filmsequenzen sind. Mit ActionScript können Sie auch den Ablauf einer Filmsequenz steuern. Sie können Filmsequenzen anhalten, weiter abspielen oder zu bestimmten Bildern (Frames) des Films springen.

ActionScript kann Sound erzeugen ActionScript ist nicht auf die visuellen Elemente eines Flash-Films beschränkt. Mithilfe des Sound-Objekts von ActionScript können Sie auch die Sound-Ausgabe beeinflussen.

ActionScript verfügt über viele nützlichen Elemente ActionScript verfügt über eine Reihe von nützlichen Funktionen und Objekten, etwa die Funktion escape() zur Kodierung von URLs, das Color-Objekt für Farben, das Date-Objekt für Datumsangaben oder die Methode Math.random() zur Erzeugung von Zufallszahlen.

24

Ein wenig notwendige Terminologie

jetzt lerne ich

ActionScript besitzt Schnittstellen nach außen Auch wenn ActionScript-Code nur innerhalb eines Flash-Films existiert und nur in der Umgebung eines Flash Players ausgeführt werden kann, kann man dennoch von ActionScript aus mit der Außenwelt kommunizieren. So können Sie mittels ActionScript 쐽 Webseiten laden 쐽 Daten aus externen Dateien laden 쐽 Daten mit JavaScript-Code austauschen 쐽 Daten mit Active Server Pages (ASP) austauschen 쐽 XML-Daten verarbeiten

1.4

Ein wenig notwendige Terminologie

Um Missverständnissen und Verständigungsschwierigkeiten vorzubeugen, sollten wir uns vorab über die Verwendung einiger Begriffe verständigen. 쐽 Die Authoring-Umgebung Bestimmte Tätigkeiten des Designers, beispielsweise das Zeichnen von Linien oder die Einbettung von Filmsequenzinstanzen, können auch mit ActionScript erledigt werden. Um zwischen der Arbeit des Designers und der des Programmierers unterscheiden zu können, führen wir den Begriff der Authoring-Umgebung ein. Die Authoring-Umgebung ist die normale Arbeitsumgebung des Designers, bestehend aus Zeitleiste, Bühne, Bedienfelder, Werkzeugleiste etc. Wenn wir von Elementen sprechen, die »in der Authoring-Umgebung erstellt wurden«, meinen wir damit, dass sie mithilfe der Design-Werkzeuge von Flash und nicht mithilfe von ActionScript-Code erzeugt wurden. 쐽 Die Schaltflächen Als Anwender kennen Sie Schaltflächen als Steuerelemente, die Sie mit der Maus anklicken, um eine bestimmte Aktion auszulösen. Als Flash-Designer denken Sie bei »Schaltflächen« dagegen zuerst an den Symboltyp SCHALTFLÄCHE. Diese Flash-Schaltflächen verfügen über eine spezielle Zeitleiste, in der verschiedene Zustände (Up, Darüber, Gedrückt) und ein aktiver Bereich, der auf Mausklicks reagiert, festgelegt werden können. Sie eigenen sich hervorragend um kreativ gestylte Schaltflächensteuerelemente zu erzeugen, sind aber keineswegs auf deren Erstellung beschränkt.

25

jetzt lerne ich

1 Was kann ActionScript? Noch verzwickter wird die Lage dadurch, dass es seit Flash MX die Möglichkeit gibt, Schaltflächensteuerelemente mithilfe von Komponenten, genauer gesagt der Button-Komponente, zu erzeugen. In der Regel sollte aus dem Kontext klar sein, welche Art von Schaltfläche im Einzelfall gemeint ist 쐽 Instanzen von Symbolen und Komponenten Filmsequenzen, Schaltflächen und Grafiken werden als Symbole definiert und – ebenso wie Komponenten – in Bibliotheken verwahrt. (Sollten Sie mit der Arbeit mit Symbolen und Instanzen noch nicht so vertraut sein, ist dies nicht weiter schlimm, Kapitel 2.3.1 gibt Ihnen eine kleine Einführung.) Von diesen Symbolen können Sie per Drag&Drop mit der Maus beliebig viele Instanzen erzeugen und in Ihre Filme einbetten. Ein Designer, der einen Halloween-Film mit einer Gruppe von animierten Gespenstern beleben möchte, würde beispielsweise so vorgehen, dass er zuerst den Prototyp des animierten Gespenstes als Filmsequenzsymbol erstellt und dann so viele Instanzen dieses Symbols in seinen Film zieht, wie er benötigt. Technisch gesehen, ist jedes der in den Film eingebetteten Gespenster eine Filmsequenzinstanz, und der Prototyp aus der Bibliothek ist das zugehörige Filmsequenzsymbol. Wo nötig, wird im Text sprachlich explizit zwischen Instanzen und Symbolen unterschieden. Wo eine solche Differenzierung nicht erforderlich scheint oder aus dem Kontext ehedem klar ist, ob von Instanzen oder Symbolen die Rede ist, sprechen wir der Einfachheit halber von Filmsequenzen, Schaltflächen und Komponenten. 쐽 Filmsequenzen Offenbar hat Macromedia die Lokalisierung (Eindeutschung) von Flash MX 2004 an ein neues Übersetzerbüro übergeben, denn die Terminologie in der Benutzeroberfläche und der Hilfe hat sich ein wenig geändert. Die bedeutendste Änderung ist wohl, dass die »Filmsequenzen« nun »Movieclips« heißen, d.h. es wurde einfach der englische Begriff beibehalten. Dagegen ist nichts zu sagen, ein wenig schade ist es aber doch, denn der Begriff »Filmsequenz« schien mir gar nicht so schlecht. Darum möchte ich an dieser Stelle eine Lanze für die deutsche Sprache brechen und den Begriff Filmsequenz beibehalten. (Vielleicht passt sich die Online-Hilfe in der nächsten Version ja wieder an diese Terminologie an.) 쐽 Film Auch der Film, in der Online-Hilfe gelegentlich auch als Dokument tituliert, verfügt über eine Zeitleiste und kann daher als Filmsequenz gesehen werden. Zur Unterscheidung von den anderen Filmsequenzen bezeichnen wir ihn gelegentlich als Hauptfilmsequenz.

26

Zusammenfassung

1.5

jetzt lerne ich

Zusammenfassung

Die Überschrift dieses Kapitels lautete: »Was kann ActionScript?« Das Fazit dieses Kapitels ist auch gleichzeitig die Beantwortung dieser Frage: »Alles, was sich der Flash-Designer nur wünschen kann!«

1.6

Fragen und Antworten

F: Ich verfüge bereits über Programmierkenntnisse in JavaScript. Werden mir diese beim Erlernen von ActionScript helfen oder eher im Wege stehen? A: Vorkenntnisse in JavaScript sollten sich auf jeden Fall als vorteilhaft erweisen, denn ActionScript und JavaScript gehen auf einen gemeinsamen Standard für Skriptsprachen zurück: den ECMA-262-Standard. Die Gemeinsamkeiten beschränken sich allerdings auf die reine Syntax und einige wenige vordefinierte Klassen. Die Zuordnung von Code (zu Film- bzw. HTML-Elementen), der Umfang der angebotenen Bibliotheken sowie die Möglichkeiten der Sprachen könnten hingegen nicht unterschiedlicher sein. (Die aktuelle ECMA-262-Spezifikation können Sie sich von http:// www.ecma-international.org/ herunterladen. Beachten Sie aber, dass dieser Standard nicht speziell ActionScript, sondern eine allgemeine Skriptsprache beschreibt. Außerdem befasst sich der Standard lediglich mit der Syntax der Sprache, nicht mit den Möglichkeiten der Sprache.) F: Ich verfüge bereits über Programmierkenntnisse in höheren Programmiersprachen wie C++ und Java. Muss ich mich auf eine große Umstellung gefasst machen? A: Ja, ich denke, das müssen Sie. Abgesehen davon, dass Sie mit ActionScript keine kompletten Programme schreiben, sondern lediglich hier und da (aber hoffentlich nie wahllos) in den Ablauf eines Films eingreifen, müssen Sie sich daran gewöhnen, dass die Typisierung von Variablen – die übrigens erst mit der ActionScript 2.0-Version eingeführt wurde, bei weitem nicht so streng gehandhabt wird, wie unter C++ oder Java. Objekte, die Instanzen von Filmsequenzen, sind erweiterbar, soll heißen, Sie können Filmsequenzinstanzen jederzeit neue Eigenschaften oder Methoden hinzufügen. Und das Allertollste: Variablen und Funktionen, die Sie in der Zeitleiste einer Filmsequenzinstanz definieren, werden zu Eigenschaften und Methoden dieser Instanz.

27

jetzt lerne ich

1 Was kann ActionScript? Aber keine Angst, Sie werden sich sicherlich schnell in die ActionScriptProgrammierung einfinden, die grundlegenden Konzepte der Programmierung werden Sie auch in ActionScript wiederfinden und am Ende werden Sie von den Möglichkeiten dieser Sprache begeistert sein.

28

Das Arbeitsmaterial

jetzt lerne ich

KAPITEL 2

Bei der ActionScript-Programmierung kommt den Schlüsselbildern, Schaltflächen, Komponenten und Filmsequenzen (Movieclips) eine ganz besondere Bedeutung zu, denn nur mit ihnen können Sie ActionScript-Code verbinden. Wie dies geht, erfahren Sie in diesem Kapitel. Nebenbei nutzen wir die Gelegenheit, um die wichtigsten Arbeitsschritte bei der Erstellung von Schaltflächen und Filmsequenzen mit Flash zu rekapitulieren und uns das Ereignismodell von ActionScript ein wenig näher anzusehen.

Im Einzelnen lernen Sie in diesem Kapitel – wie man ActionScript-Code mit Flash-Filmen verbindet, – wie das Ereignis-Modell von ActionScript aussieht, – welche Ereignisse es gibt, – wie man Ereignisbehandlungscode schreibt, – wie man mit Schlüsselbildern programmiert, – wie man mit Schaltflächen und Komponenten programmiert, – wie man mit Filmsequenzinstanzen programmiert, – welche Bedeutung Symbolinstanzen für die ActionScript-Programmierung haben, – wie sich Filmsequenzinstanzen von Grafikinstanzen unterscheiden.

29

2 Das Arbeitsmaterial

jetzt lerne ich

2.1 ActionScriptProgrammierung ist Ereignisprogrammierung

Das Ereignis-Modell

Wenn Sie ActionScript-Code aufsetzen, dann tun Sie dies nicht um eigenständige Programme zu schreiben, die Sie per Doppelklick aus dem Windows Explorer heraus aufrufen können. Sie wollen auch keine Programme schreiben, die ganze Flash-Animationen per Code erzeugen. Ihr Wunsch ist es vielmehr, Code zu schreiben, der an bestimmten Stellen eines Flash-Films unterstützend in dessen Ausführung eingreift. ActionScript-Programmierung bedeutet daher festzulegen, wann in einem Film welcher Code ausgeführt werden soll. Angenommen, Sie haben einen Flash-Film mit einer Schaltfläche auf der Bühne und Sie möchten erreichen, dass der Film beim Drücken der Schaltfläche von vorne abgespielt wird. Sie wenden sich also an den Flash Player, der den Film abspielt, und instruieren ihn: »Wenn die Schaltfläche gedrückt wird, gehe zurück zu Bild 1 und spiele den Film erneut ab!« Da der Flash Player kein Deutsch, sondern nur ActionScript versteht, müssten Sie obigen Befehl erst noch in ActionScript übersetzen, bevor Sie ihn an den Flash Player richten, doch dies ist für unsere Betrachtung im Moment nebensächlich. Wichtig ist die allgemeine Formel, nach der der Befehl aufgebaut ist: er spezifiziert ein Ereignis (»Wenn die Schaltfläche gedrückt wird...«) und er gibt an, was bei Eintritt des Ereignisses geschehen soll (»...gehe zurück zu Bild 1 und spiele den Film erneut ab!«). Genau nach diesem Grundmuster läuft auch die ActionScript-Programmierung ab, das heißt, Sie teilen dem Flash Player mit, bei welchen Ereignissen welcher ActionScript-Code auszuführen ist. Im Falle des Schaltflächen-Beispiels würde dies dann so aussehen, dass 1. Sie auf der Flash-Bühne die Schaltfläche markieren. 2. Sie im AKTIONEN-Bedienfeld (siehe Kapitel 3.1) angeben, welches Ereignis abgefangen werden soll. (Die Namen der Ereignisse – hier press – sind vorgegeben.) on (press) { }

3. Sie zwischen den geschweiften Klammern den Code einfügen, der bei Eintritt des Ereignisses ausgeführt werden soll: on (press) { gotoAndPlay(1); }

30

Das Ereignis-Modell

jetzt lerne ich

Abb. 2.1: ActionScriptCode eingeben

Nach dem gleichen Muster können Sie beliebig viele weitere Ereignisse abfangen und mit ActionScript-Code verknüpfen. Das Ganze erinnert ein wenig an das Basteln eines Adventskalenders. Aus Sicht eines ActionScript-Programmierers ist ein Adventskalender nichts weiter als die Verknüpfung von 24 Ereignissen (die Adventstage) mit passendem Code (den Überraschungen). Wenn Sie ein Schächtelchen für einen Adventstag basteln, die Nummer des Adventstags auf das Schächtelchen schreiben und zum Schluss die Überraschung einfüllen, ist dies nichts anderes, als wenn Sie in ActionScript geschweifte Klammern aufsetzen, diesen den Namen eines Ereignisses voranstellen und in die geschweiften Klammern den auszuführenden Code schreiben.

2.1.1

Die Ereignisse

Der Flash Player kann nur bestimmte Ereignisse überwachen, und nur diese Ereignisse können Sie mit ActionScript-Code verbinden. Sie müssen deswegen aber nicht befürchten, dass die Programmierung mit ActionScript durch die begrenzte Auswahl an Ereignissen eingeschränkt wird. Alle wichtigen, elementaren Ereignisse sind vertreten, und speziellere Ereignisse, die nicht vordefiniert sind (wie zum Beispiel das Kollidieren zweier animierter Objekte), kann man meist mithilfe elementarer Ereignisse und passenden ActionScriptCodes simulieren.

31

jetzt lerne ich

2 Das Arbeitsmaterial Umgekehrt wird es Sie vielleicht beunruhigen, dass es doch relativ viele Ereignisse gibt und Sie verpflichtet sein könnten, für jedes dieser Ereignisse passenden ActionScript-Code zu schreiben. Doch auch diese Befürchtung ist unbegründet. Sie können sich frei aussuchen, welche Ereignisse Sie abfangen und mit Code verbinden wollen.

Klassifizierung Die vordefinierten Ereignisse können auf unterschiedliche Weise kategorisiert werden. Eine mögliche Unterscheidung ist die Einteilung in 쐽 Benutzerereignisse und 쐽 Systemereignisse Benutzerereignisse werden vom Betrachter des Flash-Films ausgelöst. Zu diesen Ereignissen zählen das Bewegen der Maus, das Klicken mit der Maus, das Drücken einer Schaltfläche oder das Drücken einer Taste auf der Tastatur. Systemereignisse sind Ereignisse, die intern beim Abspielen des Films ausgelöst werden. Hierzu gehören das Erscheinen einer Filmsequenzinstanz auf der Bühne oder das Erreichen eines Schlüsselbilds. Alternativ kann man die Ereignisse auch nach den Flash-Elementen klassifizieren, auf die sie sich beziehen. Damit wären wir wieder bei den eingangs dieses Kapitels erwähnten 쐽 Schlüsselbildern, 쐽 Schaltflächen 쐽 Komponenten und 쐽 Filmsequenzen Für jedes dieser Elemente gibt es eigene Ereignisse, eigene Techniken zum Aufsetzen des ActionScript-Codes und eine eigene Syntax der Ereignisdefinition.

1

32

Es sei auch erwähnt, dass ActionScript weiterführende Techniken kennt, mit denen der Programmierer beliebige Objekte (im Sinne des objektorientierten Programmiermodells) mit Ereigniscode verbinden kann. Mehr hierzu in Kapitel 11.2.

Schlüsselbilder (Keyframes)

2.2

jetzt lerne ich

Schlüsselbilder (Keyframes)

Schlüsselbildern kommt bei der Erstellung von Flash-Filmen eine besondere Rolle zu. Zum einem stellen sie die Umschlagpunkte des Films dar (in denen sich der Inhalt der Bühne ändert), zum anderen können Sie mit ihnen ActionScript-Code verbinden.

2.2.1

Code mit Schlüsselbildern verbinden

ActionScript-Code wird immer über das AKTIONEN-Bedienfeld (Aufruf über Aktionenden Befehl FENSTER/ENTWICKLUNGS-BEDIENFELDER/AKTIONEN) eingegeben. Wo Bedienfeld der Code abgelegt und mit welchem Element er verbunden wird, hängt davon Ñ ab, welches Element bei Aufruf des AKTIONEN-Bedienfelds ausgewählt ist. Wenn Sie also Code für ein Schlüsselbild schreiben wollen, gehen Sie wie folgt vor: 1. Markieren Sie das Schlüsselbild in der Zeitleiste Ihres Films. 2. Wechseln Sie in das AKTIONEN-Bedienfeld. (Falls das Fenster noch nicht angezeigt wird, können Sie es über das Tastaturkürzel Ñ öffnen.) 3. Geben Sie im rechten Teil des Bedienfelds den ActionScript-Code ein. Wenn Sie danach in die Zeitleiste blicken, sehen Sie dort, dass das Schlüsselbild mit einem »a« gekennzeichnet ist. Dadurch wird angezeigt, dass das Schlüsselbild ActionScript-Code enthält. ActionScript-Code kann wirklich nur mit Schlüsselbildern verbunden werden! Manchmal hat es zwar den Anschein, als könnte man über das AKTIONEN-Bedienfeld auch einfachen Bildern Code zuweisen, doch dies täuscht. Sie bearbeiten dann den Code des vorangehenden Schlüsselbildes.

2

33

2 Das Arbeitsmaterial

jetzt lerne ich

Abb. 2.2: ActionScriptCode für ein Schlüsselbild

Werfen Sie einen Blick auf Abbildung 2.2. Fällt Ihnen etwas auf? Richtig, der Code ist nicht, wie im vorangehenden Abschnitt beschrieben, in die geschweiften Klammern einer Ereignisbehandlungsdefinition gefasst. Den Grund dafür erfahren Sie im nächsten Abschnitt.

2.2.2

Ereignisse für Schlüsselbilder

Für Schlüsselbilder (englisch Keyframes) gibt es nur ein einziges Ereignis: »das Schlüsselbild wird erreicht und abgespielt«. Da es nur ein Ereignis für Schlüsselbilder gibt, ist es unnötig, das Ereignis explizit anzugeben. Wenn Sie also Code für ein Schlüsselbild aufsetzen, tippen Sie den auszuführenden Code direkt in das AKTIONEN-Bedienfeld ein – ohne Angabe des Ereignisnamens und ohne geschweifte Klammern um den Code. Wann immer beim Abspielen des Flash-Films das Schlüsselbild erreicht wird, wird der ActionScript-Code des Bildes ausgeführt.

1 34

Wenn das Schlüsselbild außer ActionScript-Code auch noch gezeichnete Elemente enthält, werden diese nach der Ausführung des Codes angezeigt.

Schlüsselbilder (Keyframes)

Es gibt eine vordefinierte ActionScript-Funktion namens gotoAndPlay(), mit der man den Abspielkopf des Flash Players auf ein bestimmtes Bild im Film setzen kann. Falls Sie versuchen, den Code eines Schlüsselbilds endlos hintereinander abspielen zu lassen, indem Sie in dem Bild die Funktion gotoAndPlay() aufrufen und mit ihr wieder zu dem aktuellen Bild springen, werden Sie feststellen, dass dies nicht geht. Dies liegt daran, dass der Code des Schlüsselbildes nur dann ausgeführt wird, wenn der Abspielkopf von einem anderen Bild kommend auf das Schlüsselbild gesetzt wird. Wird der Abspielknopf nicht bewegt, weil er ehedem schon auf dem betreffenden Schlüsselbild steht, wird der ActionScript-Code nicht erneut ausgeführt.

2.2.3

jetzt lerne ich

1

Beispiel

Es ist höchste Zeit, dass Sie Ihren ersten ActionScript-Code aufsetzen und das Gelernte praktisch umsetzen. Dazu bedarf es aber eines passenden FlashFilms.

Der Flash-Film Als Demonstrationsobjekt soll uns ein einfacher Bewegungs-Tween eines hüpfenden Balls dienen. Abb. 2.3: Der hüpfende Ball (1. Teil des Tweens in Zwiebelschalenansicht)

35

jetzt lerne ich

2 Das Arbeitsmaterial 1. Beginnen Sie einen neuen Flash-Film (Befehl DATEI/NEU, Option FLASHDOKUMENT. 2. Richten Sie die Leinwand ein.

Abb. 2.4: Abmaße der Bühne einstellen

Rufen Sie den Befehl MODIFIZIEREN/DOKUMENT auf. Setzen Sie im Dialogfenster die Abmaße der Bühne auf 150 px BREITE mal 300 px HÖHE. Für unseren hüpfenden Ball ist eine schmale, hohe Leinwand bestens geeignet. Drücken Sie auf OK. Aktivieren Sie die Menüoption ANSICHT/RASTER/RASTER EINBLENDEN. Über der Bühne erscheint ein Hilfsgitter, das Ihnen das Zeichnen erleichtern kann. 3. Markieren Sie in der Zeitleiste das erste Bild (in das Flash automatisch ein Schlüsselbild eingefügt hat). 4. Zeichnen Sie mithilfe des Ellipsenwerkzeugs aus der Werkzeugleiste (Aufruf über FENSTER/WERKZEUGE) einen Kreis (unser Ball) in den oberen Teil des Bildes. Umriss- und Füllfarbe können Sie in der WERKZEUGE-Symbolleiste im Bereich FARBEN festlegen. In der Zeitleiste wird jetzt im ersten Bild ein Kreis angezeigt, woran Sie erkennen können, dass es sich um ein nicht mehr leeres Schlüsselbild handelt. 5. Erzeugen Sie einen Bewegungs-Tween, der den Ball nach unten bewegt. Wählen Sie den gezeichneten Ball in Bild 1 aus und rufen Sie den Menübefehl EINFÜGEN/ZEITLEISTE/BEWEGUNGS-TWEEN ERSTELLEN auf. Flash trägt den Ball daraufhin als Grafiksymbol in die Bibliothek ein, der gezeichnete Ball wird automatisch zu einer Instanz des Bibliotheksymbols. Der Grund ist einfach, dass nur für Symbolinstanzen Tweens erstellt werden können.

36

Schlüsselbilder (Keyframes)

Die für einen Film eingerichteten Symbole können Sie sich über den Befehl FENSTER/BIBLIOTHEK anzeigen lassen.

jetzt lerne ich

1

Jetzt müssen Sie den Endpunkt des Bewegungs-Tweens festlegen, das heißt, Sie müssen weiter hinten in der Zeitleiste ein neues Schlüsselbild einrichten. Klicken Sie in der Zeitleiste mit der rechten Maustaste in das – sagen wir – fünfte Kästchen und rufen Sie im Kontextmenü den Befehl SCHLÜSSELBILD EINFÜGEN auf. (Schneller geht es mit dem Tastaturkürzel Î). Damit wird in dieses Kästchen eine Kopie des ersten Schlüsselbildes angelegt. Ziehen Sie dann den Ball im fünften Kästchen nach unten. Flash erzeugt in den zwischen den Schlüsselbildern gelegenen Kästchen die Zwischenbilder der Animation. In der Zeitleiste wird der Bewegungs-Tween durch blaue Kästchen und einen durchgezogenen Pfeil vom Anfangsschlüsselbild zum Endschlüsselbild angezeigt (siehe Abbildung 2.3). Wenn Sie kontrollieren möchten, wie die erzeugten Zwischenbilder aussehen, brauchen Sie nur über den Bildern in die Skala zu klicken, oder Sie schalten mit den entsprechenden Symbolschaltern am unteren Rand der Zeitleiste in die Zwiebelansicht (siehe ebenfalls Abbildung 2.3). Wenn Sie möchten, können Sie die Darstellung der Zeitleiste so ändern, dass Sie einen Überblick über die Umschlagpunkte (Schlüsselbilder) der Animation erhalten. Sie brauchen dazu nur auf das Skalen-Symbol in der rechten oberen Ecke der Zeitleiste zu klicken und den Befehl VORSCHAU IM KONTEXT (statt NORMAL) auszuwählen. Abb. 2.5: Zeitleiste im VorschauModus

6. Erzeugen Sie analog einen zweiten Bewegungs-Tween, der den Ball von Bild 5 bis Bild 9 wieder nach oben bewegt. 7. Speichern Sie den Film mithilfe des Befehls DATEI/SPEICHERN unter dem Namen Schluesselbilder.fla. 8. Zum Testen des Films rufen Sie einen der Befehle ABSPIELEN oder FILM TESTEN im Menü STEUERUNG auf (Tastaturkürzel Æ bzw. Ÿ+Æ)

37

jetzt lerne ich

2 Das Arbeitsmaterial

Abb. 2.6: Die fertige Animation

Wenn Sie den Flash-Film testen (Ÿ+Æ) oder in eine Webseite einbauen (Menübefehl DATEI/VERÖFFENTLICHEN) und das Ergebnis in einem Webbrowser betrachten, wird die Animation wieder und wieder abgespielt. Dies ist das Standardverhalten1 des Flash Players, der Flash-Filme – oder allgemeiner, die in einem Film enthaltenen Filmsequenzen – kontinuierlich spielt. Mittels ActionScript ist es kein Problem, in den Ablauf eines Films (einer Filmsequenz) einzugreifen und beispielsweise zu verhindern, dass der Film (die Filmsequenz) automatisch wiederholt wird.

1

Ein Film ist in diesem Sinne die Hauptfilmsequenz, in die Sie zeichnen und in die Sie weitere Filmsequenzinstanzen einfügen können.

ActionScript-Code hinzufügen ActionScript kennt eine Reihe von vordefinierten Funktionen zum Steuern von Filmsequenzen, beispielsweise nextFrame(), play(), prevFrame(), gotoAndPlay() oder stop(). Letztere können Sie dazu verwenden, die Hauptfilmsequenz Ihres »Hüpfenden Ball«-Films nach dem ersten Abspielen anzuhalten. 1. Klicken Sie mit der rechten Maustaste in der Zeitleiste in den Endpunkt der Ball-Animation (das dritte Schlüsselbild). 2. Wechseln Sie in das AKTIONEN-Bedienfeld (Ñ).

1. Sie können dieses Verhalten in der Registerkarte HTML des Dialogfelds EINSTELLUNGEN FÜR VERÖFFENTLICHUNGEN, das über den gleichnamigen Befehl im Menü DATEI aufgerufen werden kann, ändern.

38

Schlüsselbilder (Keyframes)

In den Flash-Versionen vor Flash MX 2004 konnte das AKTIONEN-Bedienfeld in zwei Modi betrieben werden. Um direkt Code in den Editor des Fensters eingeben zu können, musste man es zuerst über das Titelleistenmenü in den EXPERTENMODUS umschalten. Dies ist nun nicht mehr nötig. In Flash MX 2004 gibt es nur noch einen Betriebsmodus für das AKTIONEN-Bedienfeld.

jetzt lerne ich

1

3. Geben Sie im Editor des Bedienfelds den folgenden ActionScript-Code ein: stop();

In der Zeitleiste wird jetzt im Schlüsselbild, dem Sie den Code zugewiesen haben, ein kleines »a« für ActionScript angezeigt. Abb. 2.7: ActionScriptCode für ein Schlüsselbild

4. Speichern Sie den Film (Ÿ+S). 5. Testen Sie den Film (Ÿ+Æ). Der Ball sollte jetzt nur noch einmal auf den Boden fallen und hochspringen.

Eigene Ebene für Schlüsselbild-Skripte Obiges Beispiel hat einen kleinen, aber unter gewissen Umständen sehr hässlichen Schönheitsfehler: der ActionScript-Code steht in der gleichen Ebene wie der visuelle Inhalt des Films. Obwohl dies an sich nicht falsch ist, ist es nicht zu empfehlen:

39

jetzt lerne ich

2 Das Arbeitsmaterial Nehmen wir an, Ihr Film (Ihre Filmsequenz) besteht aus mehreren Ebenen mit verschiedenen grafischen Inhalten und Tweens sowie mit unterschiedlich verteilten Schlüsselbildern. Wenn Sie nun einem bestimmten Bild des Films Code zuweisen möchten, ist es egal, in welcher Ebene Sie dies tun, wichtig ist nur, dass das Bild in der betreffenden Ebene ein Schlüsselbild ist. Sie suchen sich also ein passendes Schlüsselbild aus und fügen den Code hinzu. Bei dem nächsten Bild, für das Sie Code aufsetzen möchten, verfahren Sie ebenso. Auf diese Weise verteilen Sie Ihren Code ohne System über alle Ebenen der Filmsequenz. Dies macht spätere Erweiterungen oder Verbesserungen am Code oder auch am grafischen Inhalt nicht gerade einfach. Besser ist es daher, eine eigene Ebene nur für den ActionScript-Code anzulegen. Eine eigene ActionScript-Ebene hat zudem den Vorteil, dass es keine Konflikte zwischen der Verteilung der Schlüsselbilder für den ActionScript-Code und die Tweens gibt. Betrachten Sie dazu noch einmal das Beispiel mit dem hüpfenden Ball.

Abb. 2.8: Zeitleiste des »Hüpfenden Ball«-Tweens

Die Filmsequenz am Ende des Tweens mit der ActionScript-Funktion stop() anzuhalten, stellte überhaupt kein Problem dar, da der Tween ja mit einem Schlüsselbild endet. Wie aber, wenn Sie die Animation mit dem siebten Bild beenden wollten? Bild 7 ist ein einfaches Bild, kein Schlüsselbild. Da man ActionScript-Code aber nur mit Schlüsselbildern verbinden kann, müssen Sie in Bild 7 ein Schlüsselbild einfügen. Sie setzen die rote Markierung in der Skala der Zeitleiste also auf das siebte Bild und drücken Î zum Einfügen eines Schlüsselbilds. Jetzt können Sie zwar ActionScript-Code in das Schlüsselbild der Ebene eingeben, doch haben Sie den zweiten Tween ganz unnötig aufgespalten. Dies ist nicht nur unschön, sondern hat auch konkrete Nachteile. Wenn Sie den Film zu einem späteren Zeitpunkt noch einmal hervorkramen und zu verstehen versuchen, wie der Film aufgebaut ist, werden Sie mit ziemlicher Sicherheit darüber stolpern, warum es in dem Bewegungs-Tween ein Schlüsselbild gibt, das kein Wechselpunkt in der Bewegung des animierten Objekts darstellt. Noch ärgerlicher wird es, wenn Sie sich entschließen, den zweiten Teil der Animation (die Aufwärtsbewegung des hüpfenden Balls) zu ändern. Statt nur ein Schlüsselbild und einen Tween anzupassen, müssen Sie zwei Schlüsselbilder und zwei Tweens anpassen und dabei noch darauf achten, dass die Bewegung ohne Rucken über das extra für den ActionScript-Code eingefügte Schlüsselbild hinwegläuft.

40

Schlüsselbilder (Keyframes)

jetzt lerne ich

Abb. 2.9: Aufgespaltener Bewegungs-Tween

Um die oben aufgezeigten Probleme zu umgehen, sollten Sie sich angewöhnen, für Ihren ActionScript-Code immer eine eigene Ebene anzulegen. 1. Stellen Sie die ursprüngliche Ball-Animation her, wie sie vor dem Einfügen des ActionScript-Codes aussah. Klicken Sie in der Zeitleiste in das Schlüsselbild mit dem ActionScriptCode und löschen Sie dann den Code im AKTIONEN-Bedienfeld. Falls Sie wie oben beschrieben im siebten Bild ein Schlüsselbild eingefügt haben, löschen Sie dieses (Befehl SCHLÜSSELBILD LÖSCHEN im Kontextmenü). Testen Sie den Film (Ÿ+Æ). Der Ball sollte jetzt wieder endlos auf und ab springen. 2. Fügen Sie eine zweite Ebene ein (Befehl EINFÜGEN/ZEITLEISTE/EBENE). Doppelklicken Sie in der Zeitleiste auf den Namen der Ebene und ändern Sie diesen in Skripte. Abb. 2.10: Anlegen einer eigenen Ebene für den ActionScript-Code

3. Markieren Sie in der Skripte-Ebene das neunte Bild und drücken Sie Î, um ein Schlüsselbild einzufügen. 4. Wechseln Sie in das AKTIONEN-Bedienfeld. 5. Geben Sie den ActionScript-Code ein. stop();

6. Speichern Sie den Film (Ÿ+S). 7. Testen Sie den Film (Ÿ+Æ). Der Ball sollte jetzt nur noch einmal auf den Boden fallen und hochspringen.

41

2 Das Arbeitsmaterial

jetzt lerne ich

Abb. 2.11: Das fertige Beispiel

2.3

Schaltflächen

Schaltflächen kennen die meisten Anwender als visuelle Elemente, meist in Form eines erhabenen rechteckigen oder ovalen Symbols, das beim Anklicken irgendeine Aktion auslöst. Aus Sicht des Flash-Designers ist eine Schaltfläche eine besondere Art von Flash-Symbol, das über drei Zustände (UP, DARÜBER, GEDRÜCKT) und eine aktive Fläche verfügt, für die er unterschiedliche Darstellungen vorsehen kann. Weiterhin schätzt der Designer, dass sich der Mauszeiger in eine Hand verwandelt, wenn er über eine Schaltfläche bewegt wird. Aus Sicht des ActionScript-Programmierers ist eine Schaltfläche eine besondere Art von Flash-Symbol, für die eine Reihe von interessanten Ereignissen definiert sind.

2.3.1

Symbole und Instanzen

Aus der Arbeit mit der Flash-Authoring-Umgebung dürfte Ihnen die Unterscheidung von Symbolen und Instanzen wohl vertraut sein. Da diese Unterscheidung aber auch für die ActionScript-Programmierung bedeutsam ist, möchte ich die Begriffe kurz noch einmal erläutern.

42

Schaltflächen

jetzt lerne ich

Symbole sind wieder verwertbare Komponenten, die man auch als Schablonen oder Vorlagen betrachten kann. Angenommen, Sie möchten einen Flash-Film erstellen, in dem zwei Dutzend Luftballons verschiedener Farben zu sehen sein sollen. Um sich Arbeit zu sparen, werden Sie so vorgehen, dass Sie zuerst einen Luftballon zeichnen und diesen dann entweder über die Zwischenablage vervielfältigen (Menübefehle BEARBEITEN/KOPIEREN und BEARBEITEN/EINFÜGEN) oder den Luftballon in ein Symbol verwandeln, dadurch in die Bibliothek eintragen und dann einzelne Luftballon-Instanzen aus der Bibliothek in die Bühne ziehen. Beide Verfahren haben Vor- und Nachteile. 쐽 Das Vervielfältigen über die Zwischenablage hat den Vorteil, dass die einzelnen Kopien gänzlich unabhängig voneinander sind, Sie die einzelnen Luftballons beispielsweise in jeder Hinsicht unabhängig voneinander bearbeiten und individuell verändern können. Von Nachteil ist, dass die Kopien den Umfang der Filmdatei vergrößern und dass es keine Möglichkeit gibt, per ActionScript auf die einzelnen Kopien zuzugreifen. 쐽 Die Erstellung als Symbol hat den Vorteil, dass die Dateigröße geschont wird. Dies hängt damit zusammen, dass Flash die Daten für den Aufbau des Elements nur ein einziges Mal zusammen mit dem Symbol speichert und alle Instanzen des Symbols mithilfe dieser Beschreibung zeichnet. Dies führt allerdings dazu, dass die Instanzen eines Symbols nicht mehr unabhängig voneinander sind. Wenn Sie die Symboldefinition nachträglich verändern, ändern Sie gleichzeitig alle Instanzen des Symbols (was durchaus auch als Vorteil angesehen werden kann), und wenn Sie das Symbol aus der Bibliothek löschen, werden auch alle Instanzen gelöscht. Immerhin können Sie die einzelnen Instanzen innerhalb bestimmter Grenzen (Veränderung der Farbwerte, Skalierung, Verschiebung etc.) individuell anpassen. Schaltflächen- und Filmsequenzsymbole haben zudem den Vorzug, dass für ihre Instanzen ActionScript-Ereignisse definiert sind. Auf die Instanzen von Filmsequenzsymbolen kann man sogar per ActionScript-Code zugreifen.

Symbole erstellen Um ein Symbol, beispielsweise ein Luftballon-Symbol zu erstellen, können Sie so vorgehen, dass Sie entweder den Befehl EINFÜGEN/NEUES SYMBOL aufrufen und dann das Symbol zeichnen oder zuerst das Element zeichnen, markieren und im Kontextmenü des Elements den Befehl IN SYMBOL KONVERTIEREN aufrufen. In beiden Fällen erscheint ein Dialogfenster, in dem Sie angeben, wie das Symbol heißen soll und von welcher Art (welchem VERHALTEN) das Symbol sein soll.

43

jetzt lerne ich

2 Das Arbeitsmaterial

Abb. 2.12: Einrichtung eines Symbols

Die Verwendung der Verhaltensweisen MOVIECLIP und SCHALTFLÄCHE dürfte klar sein, doch wie sieht es mit dem Verhalten GRAFIK aus? Grundsätzlich ist eine Grafik nichts anderes als eine Filmsequenz (verfügt also ebenfalls über eine Zeitleiste!). Es gibt jedoch zwei gewichtige Unterschiede: 쐽 Die Bilder einer Grafik werden synchron zu den Bildern des Films (allgemeiner der übergeordneten Filmsequenz) abgespielt, während die Bilder einer Filmsequenz mit einer anderen Bildrate abgespielt werden können. 쐽 Instanzen von Filmsequenzen kann man individuelle Namen geben und dann per ActionScript-Code ansprechen und manipulieren. Zudem kann man in Filmsequenzsymbolen ActionScript-Code speichern. Mit GrafikInstanzen geht beides nicht. Verwenden Sie den Symboltypus Grafik also für »synchrone Filmsequenzen« und einfache Grafiken, die Sie nicht mit ActionScript bearbeiten wollen. Ansonsten (oder im Zweifelsfalle) verwenden Sie Filmsequenzen.

1

Das Verhalten einer Instanz eines Symbols kann nachträglich über den Eigenschafteninspektor geändert werden. Danach ist das Symbol in der Bibliothek des aktuellen Films eingetragen. Den Inhalt der Bibliothek können Sie sich im gleichnamigen Fenster anschauen (Aufruf über den Befehl FENSTER/BIBLIOTHEK).

Abb. 2.13: Grafiksymbol in der Bibliothek

44

Schaltflächen

Sie können die Symbole aus den Bibliotheken anderer Flash-Filme verwenden, indem Sie den Flash-Film mit dem gewünschten Symbol öffnen und einfach eine Instanz des Symbols in Ihren aktuellen Film einbetten. Die Symboldefinition wird dann automatisch in die Bibliothek des aktuellen Films mit übernommen.

jetzt lerne ich

1

Symbole nachträglich bearbeiten Wenn Sie ein Symbol, das bereits in die Bibliothek aufgenommen wurde, nachträglich bearbeiten möchten, doppelklicken Sie auf den Eintrag des Symbols in der Bibliothek oder doppelklicken Sie auf eine Instanz des Symbols auf der Bühne. (Es gibt noch eine Vielzahl weiterer Möglichkeiten, in den Symbolbearbeitungsmodus zu gelangen, doch im Rahmen dieses kleinen Auffrischungskurses müssen diese zwei genügen.) Im Symbolbearbeitungsmodus wird über der Zeitleiste angezeigt, welches Symbol Sie gerade bearbeiten (siehe Abbildung 2.14). Abb. 2.14: Bearbeitung des LuftballonSymbols

Instanzen erzeugen Wenn Sie ein bestehendes Element in ein Symbol konvertieren, wird das Element automatisch in eine Instanz des Symbols umgewandelt. Weitere Instanzen des Symbols können Sie erzeugen, indem Sie 1. Die Bibliothek öffnen (Befehl FENSTER/BIBLIOTHEK).

Bibliothek öffnen 2. Das Symbol in der Bibliothek auswählen und mit gedrückter Maus auf Ihre Ÿ+L

Bühne ziehen.

45

jetzt lerne ich

2 Das Arbeitsmaterial Instanzen bearbeiten Wenn Sie das Aussehen einer einzelnen Instanz verändern wollen, dürfen Sie nicht den Fehler machen, die Instanz doppelt anzuklicken. In diesem Fall wechseln Sie nämlich in den Symbolbearbeitungsmodus (siehe oben), und die von Ihnen vorgenommenen Änderungen wirken sich auf alle Instanzen des Symbols aus. Stattdessen wählen Sie die Instanz auf der Bühne mit einem einfachen Mausklick aus. Danach können Sie 쐽 die Instanz mit der Maus verschieben, 쐽 die Instanz skalieren oder drehen (Icon FREI TRANSFORMIEREN in WerkzeugeSymbolleiste drücken), 쐽 die Farbwerte der Instanz ändern (über den Eigenschafteninspektor, Befehl FENSTER/EIGENSCHAFTEN), 쐽 den Symboltypus der Instanz verändern (ebenfalls über den Eigenschafteninspektor).

Abb. 2.15: Bearbeitung einer Instanz über Werkzeugleiste und Eigenschafteninspektor

Soviel zur Arbeit mit Symbolen und Instanzen. Bleibt noch zu klären, warum die Unterscheidung in Symbole und Instanzen für die ActionScript-Programmierung so bedeutsam ist.

46

Schaltflächen

jetzt lerne ich

Symbole, Instanzen und ActionScript Als ActionScript-Programmierer müssen Sie sich zwei Punkte merken: 쐽 Ereignisse können Sie nur für Instanzen von Schaltflächen, Filmsequenzen und Komponenten abfangen (nicht für Grafikinstanzen oder sonstige gezeichnete Inhalte) 쐽 Code in Schlüsselbildern wird nur in Filmsequenzinstanzen berücksichtigt. Was bedeutet das? Wie Sie bereits wissen, ist jeder ActionScript-Code mit dem Eintritt eines bestimmten Ereignisses verbunden. Welche Ereignisse man abfangen und mit auszuführendem Code verbinden kann, ist fest vorgegeben. Neben dem Ereignis für den Eintritt in ein Schlüsselbild gibt es vordefinierte Ereignisse für Schaltflächen, Komponenten und Filmsequenzen. Es gibt keine Ereignisse für Grafiken (oder grafische Elemente, die überhaupt keinem Symboltyp angehören). Dies ist die erste Aussage von Punkt eins. Die zweite Aussage ist, dass man die Ereignisse nur für Instanzen der Symbole, nicht aber für die Symbole abfangen kann. Dies ist durchaus sinnvoll. Nehmen wir an, Sie würden in einem Flash-Film einen Satz von Schaltflächen mit unterschiedlichen Aufgaben anzeigen. Um sich die Arbeit zu erleichtern und die Filmgröße nicht zu sehr anwachsen zu lassen, haben Sie zuerst ein Schaltflächensymbol erstellt und dann die gewünschten Schaltflächen als Instanzen dieses Symbols in die Bühne eingefügt. Wäre ActionScript so konzipiert, dass man den Code für die Behandlung von Schaltflächenereignissen, beispielsweise das Drücken der Schaltfläche, nur mit dem Schaltflächensymbol verbinden könnte, hieße dies, dass alle Instanzen des Symbols die gleiche Ereignisbehandlung aufwiesen. Schaltflächen, die beim Anklicken unterschiedliche Aktionen ausführen, müsste man dann zwangsweise als Instanzen verschiedener Symbole erstellen – selbst wenn die Schaltflächen gleich aussehen. Glücklicherweise ist es aber genau umgekehrt: der Ereignisbehandlungscode wird mit den Instanzen verbunden, sodass Sie für jede Schaltflächeninstanz individuell festlegen können, welche Schaltflächenereignisse abgefangen und wie diese behandelt werden sollen. Der zweite Punkt betrifft die Erstellung von Filmsequenz- und Grafiksymbolen. Filmsequenz- und Grafiksymbole besitzen beide eine Zeitleiste. In diesen Zeitleisten kann man Schlüsselbilder und in den Schlüsselbildern ActionScript-Code einfügen (siehe Abschnitt 2.2). Wenn Sie aber Instanzen dieser Symbole auf eine Bühne ziehen, wird der ActionScript-Code nur in den Filmsequenzinstanzen berücksichtigt. Angenommen, Sie erstellen zwei Bewegungs-Tweens: den einen als Grafiksymbol, den anderen als Filmsequenzsymbol, und halten beide Tweens in der Mitte mithilfe der stop()-Funktion an. Weiterhin fügen Sie in die Bühne Ihres

47

2 Das Arbeitsmaterial

jetzt lerne ich

Films eine Instanz des Grafik-Tweens und eine Instanz des FilmsequenzTweens ein. Wenn Sie jetzt den Film abspielen, wird die Filmsequenzinstanz angehalten, während die Grafikinstanz bis zu ihrem Ende ausgeführt wird. Beachten Sie aber, dass die Entscheidung, ob der ActionScript-Code in einer Filmsequenz- oder Grafikinstanz berücksichtigt wird, vom Verhalten der Instanz und nicht vom Verhalten des Symbols abhängt. Wenn Sie also in obigem Beispiel die Grafikinstanz markieren und über den Eigenschafteninspektor das Verhalten der Instanz auf Filmsequenz umstellen, wird der stop()Befehl fortan beim Abspielen berücksichtigt – obwohl das Symbol weiter vom Typus Grafik ist.

2.3.2 Die Schaltflächenbibliothek öffnen Sie über FENSTER/ANDERE BEDIENFELDER/ ALLGEMEINE BIBLIOTHEKEN/ SCHALTFLÄCHEN

Code mit Schaltflächen verbinden

ActionScript-Code kann nur mit Schaltflächeninstanzen verbunden werden. Wenn Sie für eine Schaltflächeninstanz ein passendes Ereignis, beispielsweise das Drücken der Schaltfläche, abfangen wollen, gehen Sie wie folgt vor: 1. Markieren Sie die Schaltflächeninstanz auf der Bühne (durch einfaches Anklicken). 2. Wechseln Sie in das AKTIONEN-Bedienfeld. (Aufruf über Ñ) 3. Geben Sie im Editor des Bedienfelds den ActionScript-Code ein.

Abb. 2.16: ActionScriptCode für eine Schaltfläche

48

Schaltflächen

Ereignisbehandlungscode für Schaltflächenereignisse wird stets in eine Ereignisbehandlungsdefinition eingefasst, die durch das Schlüsselwort on und den Namen des Ereignisses eingeleitet wird.

2.3.3

jetzt lerne ich

1

Ereignisse für Schaltflächen

Das erste Ereignis, an das man im Zusammenhang mit Schaltflächen denkt, ist zweifelsohne das Drücken der Schaltfläche. In ActionScript heißt dieses Ereignis press. Daneben gibt es noch eine ganze Reihe weiterer Schaltflächenereignisse, die in Tabelle 2.1 kurz vorgestellt werden. Ereignis

Beschreibung

press

Linke Maustaste wird gedrückt, während der Mauszeiger über dem aktiven Bereich der Schaltfläche steht.

release

Linke Maustaste wird gedrückt und losgelassen, während der Mauszeiger über dem aktiven Bereich der Schaltfläche steht.

Tabelle 2.1: Schaltflächenereignisse

Grundsätzlich sollten Sie das Drücken der Schaltfläche mit diesem Ereignis überwachen. Im Gegensatz zu press räumt release dem Anwender die Möglichkeit ein, seine Absicht noch einmal zu überdenken. Drückt der Anwender die Schaltfläche, zieht dann aber die Maus mit gedrückt gehaltener Maustaste von der Schaltfläche herunter und lässt dort die Maustaste los, wird das release-Ereignis nicht ausgelöst. releaseOutside

Linke Maustaste wird gedrückt, während der Mauszeiger über dem aktiven Bereich der Schaltfläche steht, und außerhalb des aktiven Bereichs losgelassen.

rollOver

Der Mauszeiger bewegt sich in den aktiven Bereich der Schaltfläche, ohne dass die Maustaste gedrückt wird.

rollOut

Der Mauszeiger bewegt sich aus dem aktiven Bereich der Schaltfläche heraus, ohne dass die Maustaste gedrückt wird.

dragOut

Linke Maustaste wird gedrückt, während der Mauszeiger über dem aktiven Bereich der Schaltfläche steht, und dann im gedrückten Zustand aus dem aktiven Bereich gezogen.

dragOver

Linke Maustaste wird gedrückt, während der Mauszeiger über dem aktiven Bereich der Schaltfläche steht, und dann im gedrückten Zustand aus dem aktiven Bereich heraus und anschließend wieder hinein gezogen.

49

jetzt lerne ich

2 Das Arbeitsmaterial

Tabelle 2.1: Ereignis Schaltflächenereignisse keyPress (Forts.)

Beschreibung Die angegebene Taste wird gedrückt. on (keypress "f") { gotoAndPlay(10); }

Für Sonderfunktionstasten gibt es spezielle Kodierungen (siehe auch Kapitel 12.1.5). , , , <End>, <Enter>, , , , , , , <Space>, , on (keypress "Enter") { gotoAndPlay(10); }

Code, der bei Eintritt eines Schaltflächenereignisses ausgeführt werden soll, ist immer in eine Ereignisbehandlungsdefinition einzufassen. Ereignisbehandlungsdefinitionen für Schaltflächenereignisse bestehen aus drei Teilen: 쐽 dem Schlüsselwort on, 쐽 dem abzufangenden Ereignis, 쐽 dem Code, der bei Eintritt des Ereignisses auszuführen ist. Das Ereignis wird immer in runden Klammern angegeben, der auszuführende Code steht in geschweiften Klammern. Eine gültige Ereignisbehandlungsdefinition könnte damit wie folgt aussehen: on (press) { gotoAndPlay(1); }

Hier ist press das abzufangende Ereignis und der auszuführende Code besteht aus einem einzigen Funktionsaufruf: gotoAndPlay(1). Wenn Sie auf der Bühne eine Schaltflächeninstanz markieren und dann im AKTIONEN-Bedienfeld obige Ereignisbehandlungsdefinition eintippen, wird fortan bei jedem Drücken der Schaltfläche der Code gotoAndPlay(1) ausgeführt (was bewirkt, dass der Abspielkopf des Flash Players auf das erste Bild der aktuellen Filmsequenz gesetzt wird und diese von dort aus weiter abgespielt wird). Wenn Sie möchten, können Sie für eine Schaltflächeninstanz auch mehrere Ereignisse abfangen. Die einzelnen Ereignisbehandlungsdefinitionen werden dann einfach im AKTIONEN-Bedienfeld untereinander aufgeführt: on (press) { gotoAndPlay(10); }

50

Schaltflächen

jetzt lerne ich

on (release) { gotoAndStop(10); }

Wenn Sie zwei oder mehr Ereignisse mit dem gleichen Code verbinden wollen, brauchen Sie nur eine Ereignisbehandlungsdefinition aufzusetzen. Die mit dem Code zu verbindenden Ereignisse geben Sie als Liste in den runden Klammern an: on (press, keypress "f") { gotoAndPlay(10); }

2.3.4

Beispiel

Schaltflächen werden häufig zum Abspielen von Filmsequenzen eingesetzt. Wenn Sie zum Beispiel nicht möchten, dass Ihr Flash-Film automatisch beim Laden in den Flash Player abgespielt wird, können Sie den Film im ersten Bild per ActionScript anhalten und zum Starten des Films eine Schaltfläche einrichten.

Die Schaltfläche Die Schaltfläche für den Film brauchen Sie nicht selbst zu erstellen. Es genügt vollauf, wenn Sie sich eine Schaltfläche aus der Flash-Standardbibliothek aussuchen (Menübefehl FENSTER/ANDERE BEDIENFELDER/ALLGEMEINE BIBLIOTHEKEN/ SCHALTFLÄCHEN) und von dieser eine Instanz in Ihre Bühne ziehen. Andererseits soll dieses Kapitel auch dazu dienen, die grundlegenden FlashTechniken ein wenig aufzufrischen, weswegen ich für die Leser, die es interessiert, kurz die Erstellung einer eigenen Schaltfläche beschreiben möchte. 1. Beginnen Sie einen neuen Flash-Film (Befehl DATEI/NEU, Option FLASHDOKUMENT). 2. Schaltflächen werden als Symbole erstellt. Rufen Sie daher den Befehl EINFÜGEN/NEUES SYMBOL auf. Im Dialogfenster SYMBOLEIGENSCHAFTEN geben Sie einen Namen für die Schaltfläche an und wählen als Verhalten SCHALTFLÄCHE. Abb. 2.17: SchaltflächenSymbol erstellen

51

jetzt lerne ich

2 Das Arbeitsmaterial Nach Drücken des OK-Schalters wechselt Flash in den Symbolbearbeitungsmodus, und Sie können die Up-Ansicht der Schaltfläche bearbeiten.

Schaltflächenzustände Schaltflächen verfügen über eine »Zeitleiste« mit vier Bildern, drei für die Zustände der Schaltfläche und eines für die Festlegung des sensitiven Bereichs (Hotspot). – UP bezeichnet den Normalzustand eines Schalters, wie er zu sehen ist. – DARÜBER gibt den Zustand an, den der Schalter annimmt, wenn der Mauszeiger darüber geführt wird. – Mit GEDRÜCKT definieren Sie das Aussehen der Schaltfläche beim Anklicken mit der Maus. – AKTIV gibt Ihnen die Möglichkeit, den Bereich zu definieren, in dem die Schaltfläche auf Mausereignisse reagiert (Hotspot). Dieser Bereich kann größer aber auch kleiner als die von Ihnen definierte Schaltfläche sein. Jetzt legen Sie auf der Bühne der Up-Ansicht das allgemeine Aussehen der Schaltfläche fest. Die folgenden Schritte beschreiben die Erstellung einer transparenten Schaltfläche. Abb. 2.18: Up-Ansicht der Schaltfläche

52

Schaltflächen

jetzt lerne ich

3. Zeichnen Sie mithilfe des Rechteckwerkzeugs aus der Werkzeuge-Symbolleiste ein Rechteck mit abgerundeten Ecken, grauem Rand und transparentem Füllbereich. Für die Auswahl der Farben und der Eckenabrundung werden nach Auswahl des Rechteckwerkzeugs entsprechende Icons in der WerkzeugeSymbolleiste eingeblendet. Die transparente Farbe können Sie über das Icon KEINE FARBE auswählen. Über den Eigenschafteninspektor (FENSTER/EIGENSCHAFTEN) können Sie die Linienstärke einstellen. 4. Deklarieren Sie das Rechteck zu einer Gruppe. Markieren Sie das gesamte Rechteck (Aufziehen eines Markierungsrahmens), und rufen Sie den Befehl MODIFIZIEREN/GRUPPIEREN auf. 5. Zentrieren Sie das Rechteck auf die Bühne. Markieren Sie dazu das Rechteck. Ÿ+K Rufen Sie das Bedienfeld AUSRICHTEN auf (Menübefehl FENSTER/DESIGNBEDIENFELDER/AUSRICHTEN). Klicken Sie auf das Icon AN BÜHNE und dann auf die Icons HORIZONTAL ZENTRIERT und VERTIKAL ZENTRIERT. 6. Kopieren Sie das Rechteck (Tastaturkürzel Ÿ+C und Ÿ+V) . 7. Versetzen Sie die Kopie etwas nach unten und nach rechts und färben Sie den Rechteckrahmen schwarz, sodass er wie ein Schattenwurf wirkt. Zum Ändern der Farbe müssen Sie auf den Rahmen doppelklicken. Wenn die Gruppe ausgewählt ist (über der Zeitleiste wird ein Gruppen-Schild angezeigt), können Sie im Eigenschafteninspektor die Zeichenfarbe neu auswählen. 8. Stellen Sie die Kopie in den Hintergrund. Wechseln Sie zurück zur Bearbeitung des Schaltflächensymbols (Klick auf das Symbol-Schild über der Zeitleiste). Wählen Sie das kopierte Rechteck aus und rufen Sie den Befehl MODIFZIEREN/ANORDNEN/IN DEN HINTERGRUND auf. Die Up-Ansicht wäre damit fertig gestellt. Für die Darüber- und die GedrücktAnsicht erstellen Sie einfach Kopien und füllen den transparenten Bereich mit grauer Farbe. 9. Klicken Sie in der Zeitleiste auf das Bild für die Darüber-Ansicht und drücken Sie Î, um eine Kopie der Up-Ansicht als Schlüsselbild einzufügen.

53

jetzt lerne ich

2 Das Arbeitsmaterial 10. Füllen Sie den Inhalt des Schaltflächenrahmens mit grauer Farbe. Heben Sie dazu die Gruppierung auf (Befehl MODIFIZIEREN/GRUPPIERUNG AUFHEBEN).

Wählen Sie in der Werkzeuge-Symbolleiste zuerst das Farbeimerwerkzeug und dann eine Füllfarbe (beispielsweise grau) aus. Klicken Sie mit dem Farbeimerwerkzeug in die Schaltfläche. 11. Klicken Sie in der Zeitleiste auf das Bild für die Gedrückt-Ansicht und drücken Sie Î, um eine Kopie der Darüber-Ansicht als Schlüsselbild einzufügen. Zu guter Letzt müssen Sie noch festlegen, welcher Bereich der Schaltfläche als aktiver Bereich fungieren soll, das heißt, für welchen Bereich die Schaltflächenereignisse ausgelöst werden. Dieser Bereich muss nicht mit dem zeichnerischen Abbild der Schaltfläche übereinstimmen, meist ist es aber sinnvoll, den Bereich so festzulegen, dass er die Schaltfläche abdeckt. 12. Fügen Sie für die Aktiv-Ansicht ein leeres Schlüsselbild ein (Ï). 13. Aktivieren Sie die Zwiebelansicht (Schaltflächen am unteren Rand der Zeitleiste) und setzen Sie die Zwiebelansicht in der Skala der Zeitleiste so, dass sie die Gedrückt- und die Aktiv-Ansicht umfasst (siehe Abbildung 2.19). Abb. 2.19: Festlegung des aktiven Bereichs (innere Fläche)

Auf der Bühne der Aktiv-Ansicht sehen Sie dann das Bild der GedrücktAnsicht eingeblendet. An diesem können Sie sich bei der Dimensionierung und Positionierung des aktiven Bereichs orientieren.

54

Schaltflächen

jetzt lerne ich

14. Zur Festlegung des aktiven Bereichs zeichnen Sie einfach ein passendes Rechteck ein.

Der Flash-Film Als Film genügt uns ein einfacher Bewegungs-Tween, beispielsweise wieder ein hüpfender Ball. 1. Wechseln Sie aus dem Symbol zurück zur Hauptfilmsequenz. (Klick auf den Link SZENE 1 oben links über der Zeitleiste). 2. Erstellen Sie den Tween und testen Sie ihn mithilfe des Befehls STEUERUNG/FILM TESTEN. Der Tween sollte endlos abgespielt werden. 3. Legen Sie eine zweite Ebene an (Icon EBENE EINFÜGEN, ganz links in der Zeitleiste), in die Sie die Schaltflächeninstanz einfügen. Eventuell müssen Sie Größe der Schaltflächeninstanz anpassen. Klicken Sie dazu auf die Instanz und dann in der Werkzeuge-Symbolleiste auf das FREI TRANSFORMIEREN-Icon. Um die Instanz erscheint ein Rahmen mit schwarzen Kästchen, die Sie zum Verändern der Größe mit der Maus ziehen können. Legen Sie über die Schaltfläche ein statisches Textfeld. (Schriftart und größe können Sie über den Eigenschafteninspektor anpassen.) Abb. 2.20: Film mit BewegungsTween und Schaltfläche

55

jetzt lerne ich

2 Das Arbeitsmaterial Der ActionScript-Code Jetzt fehlt nur noch der ActionScript-Code. Dieser besteht aus zwei Teilen: 쐽 Einem Stop-Befehl im ersten Bild des Films, damit dieser nicht automatisch abläuft. 쐽 Behandlungscode für das release-Ereignis der Schaltfläche, um den Film abspielen zu lassen. Beginnen wir mit dem Stop-Befehl. 1. Da ActionScript-Code nicht mit visuellen Inhalten vermischt werden sollte (siehe Abschnitt »Eigene Ebene für Schlüsselbild-Skripte« in Kapitel 2.2.3), legen Sie zuerst eine neue Ebene für den Skriptcode an. 2. Wählen Sie in der Zeitleiste das erste Bild der Ebene aus und wechseln Sie in das AKTIONEN-Bedienfeld. Beachten Sie, dass das erste Bild jeder neu angelegten Ebene automatisch ein Schlüsselbild ist. Ansonsten müssten Sie erst ein Schlüsselbild einfügen, bevor Sie Code mit dem Bild verbinden können. 3. Tippen Sie im AKTIONEN-Bedienfeld den Aufruf der vordefinierten ActionScript-Funktion stop() ein: stop();

Der Aufruf dieser Funktion bewirkt, dass die aktuelle Filmsequenz (in dessen Bild die Funktion aufgerufen wird) angehalten wird. Nun zu dem wirklich interessanten Teil. 4. Klicken Sie in der Bühne auf die Instanz der Schaltfläche. Achten Sie darauf, nicht aus Versehen statt der Schaltfläche den darüber liegenden Schriftzug auszuwählen. Im AKTIONEN-Bedienfeld sollte jetzt unter AKTUELLE AUSWAHL der Symbolname MEINSCHALTER zu lesen sein. 5. Tippen Sie den Behandlungscode für das release-Ereignis ein: on (release) { play(); }

56

Schaltflächen

jetzt lerne ich

Abb. 2.21: Der fertige Film

Testen Sie nun den Film (Ÿ+Æ). Nach dem Start des Films sollte der Ball unbewegt an seiner Anfangsposition stehen bleiben. Erst beim Betätigen der Schaltfläche wird die Animation in Gang gesetzt und genau einmal ausgeführt. (Nach dem Ablaufen des Films springt Flash automatisch wieder zum Anfang des Film, um ihn erneut abzuspielen. Dort wird der Abspielvorgang aber durch den stop()-Befehl angehalten. Erst das Drücken der Schaltfläche lässt den Film dann wieder ablaufen.) Wenn Sie möchten, dass die Animation auch beim Drücken der Æ-Taste in Gang gesetzt wird, brauchen Sie nur in der Ereignisbehandlungsdefinition zusätzlich zu dem release-Ereignis das keyPress-Ereignis mit dem Tastencode <Enter> aufzuführen:

5

on (release, keyPress "<Enter>") { play(); }

Beim Testen in Flash sollten Sie dann den Befehl STEUERUNG/TASTENKOMBINATIONEN DEAKTIVIEREN aufrufen. Ansonsten wird das Drücken der Æ-Taste nämlich mit dem STEUERUNG/ABSPIELEN-Befehl verbunden, der den Film im Test-Player weiter abspielt.

57

2 Das Arbeitsmaterial

jetzt lerne ich

2.4

Komponenten

Als Computer-Anwender sind Sie es gewohnt, mit den unterschiedlichsten Steuerelementen zu arbeiten: Schaltflächen zum Drücken, Listenfelder zum Auswählen von Elementen, Kontrollkästchen zum Aktivieren von Optionen, Schieberegler zur Lautstärkeeinstellung – die Liste könnte unbegrenzt fortgesetzt werden. Da verwundert es, dass Flash von dieser Vielfalt an Steuerelementen nur ein einziges unterstützen soll: die Schaltfläche? Nun, ganz so ist es natürlich nicht. 쐽 Zum einem ist besagte ActionScript-Schaltfläche mehr als nur ein Steuerelement. Das Steuerelement »Schaltfläche« ist immer ein rechteckiger Knopf – manchmal mit, manchmal ohne Beschriftung –, den der Anwender drückt, um eine bestimmte Aktion auszulösen. Eine ActionScript-Schaltfläche ist letztlich ein beliebiger Bereich, der auf Mausklicks und Tastaturereignisse reagieren kann. Mit einer ActionScriptSchaltfläche können Sie die typischen Windows-Schaltflächen nachstellen, Sie können beliebig gestylte Schaltflächen erzeugen (siehe Schaltflächenbibliothek), Sie können aber auch beliebige Bereiche eines Bildes für Mausklicks empfänglich machen (siehe Kapitel 14). 쐽 Zum anderen gibt es seit Flash MX in der Komponentenbibliothek »echte« vordefinierte Steuerelemente.

2.4.1

Was sind Komponenten?

Komponenten sind vorgefertigte Software-Bausteine, die Sie in einen Film einbetten können und die dort eine bestimmte Aufgabe übernehmen. Vor Flash MX konnten Sie Kontrollkästchen nur verwenden, wenn Sie diese zuvor selbst erzeugten (als Filmsequenz mit eingebettetem ActionScriptCode). In Flash MX können Sie Ihre Kontrollkästchen natürlich immer noch selbst erzeugen, Sie können aber auch auf die vorgefertigte KontrollkästchenImplementierung zurückgreifen, die Ihnen Flash in Form der CheckBox-Komponente anbietet. Technisch gesehen sind Komponenten Filmsequenzen

58

Eine Komponente ist eine Filmsequenz, deren Aussehen und Verhalten (für letzteres ist meist in der Filmsequenz gespeicherter ActionScript-Code verantwortlich) darauf abgestimmt wurden, eine bestimmte Funktionalität – im Falle der CheckBox-Komponente die Funktionalität eines Kontrollkästchens – zu liefern.

Komponenten

jetzt lerne ich

Komponenten werden wie Filmsequenzsymbole instanziiert, indem Sie die Komponente im Fenster der Komponentenbibliothek auswählen (Befehl FENSTER/ENTWICKLUNGS-BEDIENFELDER/KOMPONENTEN) und per Drag&Drop eine Instanz in Ihren Film ziehen. Die eingebettete Komponenteninstanz können Sie dann auf verschiedene Weisen individuell konfigurieren und an die Bedürfnisse des Films anpassen: 쐽 Über den Eigenschafteninspektor können Sie die Komponente konfigurieren. Die einzelnen Komponenten definieren hierfür Parameter, über die Aussehen und Verhalten der Komponente angepasst werden können. Die Checkbox-Komponente besitzt beispielsweise einen Parameter LABEL, dem Sie eine Beschriftung für das Kontrollkästchen übergeben können und einen Parameter SELECTED, über den Sie festlegen können, ob das Kontrollkästchen anfangs aktiviert sein soll oder nicht. 쐽 Sie können Ereignisbehandlungscode mit der Instanz verbinden. 쐽 Sie können das Design der Komponente verändern (mithilfe passenden ActionScript-Codes). Die mit Flash MX eingeführten Komponenten wurden in MX 2004 durch neue Implementierungen abgelöst. Die neuen Flash MX 2004-Komponenten basieren auf ActionScript 2.0-Code und sind nicht mit den alten Komponenten kompatibel.

2.4.2

2

Code mit Komponenten verbinden

ActionScript-Code kann nur mit Komponenteninstanzen verbunden werden. Die KompoWenn Sie für eine Komponenteninstanz ein passendes Ereignis abfangen nentenbibliothek öffnen Sie wollen, gehen Sie wie folgt vor: über FENSTER/

1. Markieren Sie die Komponenteninstanz auf der Bühne (durch einfaches ENTWICKLUNGSAnklicken). BEDIENFELDER/ 2. Wechseln Sie in das AKTIONEN-Bedienfeld. (Aufruf über Ñ)

KOMPONENTEN

3. Geben Sie im Editor des Bedienfelds den ActionScript-Code ein. Ereignisbehandlungscode für Komponentenereignisse wird stets in eine Ereignisbehandlungsdefinition eingefasst, die durch das Schlüsselwort on und den Namen des Ereignisses eingeleitet wird.

1 59

2 Das Arbeitsmaterial

jetzt lerne ich

Abb. 2.22: ActionScriptCode für eine Button-Komponente

2.4.3

Ereignisse für Komponenten

Auch für die Komponenten sind passende Ereignisse definiert. Manche dieser Ereignisse werden von nahezu allen Komponenten unterstützt, andere sind komponentenspezifisch und auf die speziellen Funktionen und Einsatzgebiete der jeweiligen Komponenten abgestimmt. Wenn Sie sich informieren möchten, welche Ereignisse für eine bestimmte Komponente zur Verfügung stehen, gehen Sie am besten wie folgt vor: 1. Öffnen Sie das Entwicklungs-Bedienfeld KOMPONENTEN und ziehen Sie mit der Maus eine Instanz der gewünschten Komponente auf Ihre Bühne. (Achten Sie darauf, dass die Komponente markiert bleibt.) 2. Wechseln Sie in das AKTIONEN-Bedienfeld und tippen Sie die folgenden Zeichen ein: on ( 3. Nach Eintippen der öffnenden Klammer klappt ein Listenfeld auf, in dem alle für die Komponente zur Verfügung stehenden Ereignisse aufgelistet sind. Erläuterungen zu den einzelnen Ereignissen finden Sie in der OnlineHilfe unter dem Eintrag »Komponenten verwenden«.

60

Komponenten

Sollte keine Ereignisliste eingeblendet werden, öffnen Sie das Dialogfeld VOREINSTELLUNGEN (Ÿ+U), wechseln Sie zur Registerseite ACTIONSCRIPT und aktivieren Sie die Option CODEHINWEISE.

jetzt lerne ich

1

Ansonsten unterliegen Ereignisbehandlungsdefinitionen für Komponenteninstanzen den gleichen Regeln wie die Behandlungsdefinitionen für Schaltflächen.

2.4.4

Beispiel

Zur Übung greifen wir das Beispiel aus dem vorangehenden Abschnitt auf und ersetzen die darin verwendete Schaltfläche durch eine Button-Komponente. 1. Öffnen Sie den Flash-Film, den Sie für die Schaltfläche erstellt haben (oder laden Sie den Referenzfilm Schaltfläche.fla von der Buch-CD, Verzeichnis). 2. Löschen Sie in der Ebene STEUERUNG die Schaltflächeninstanz und das darüber gelegte Textfeld.

Die Komponente 1. Öffnen Sie die Komponentenbibliothek (Befehl FENSTER/ENTWICKLUNGS- Komponentenbibliothek BEDIENFELDER/KOMPONENTEN). Ÿ+Ï 2. Klicken Sie auf die UI-Komponente BUTTON und ziehen Sie mit gedrückt gehaltener Maustaste eine Instanz auf die Bühne in das erste Bild (wo zuvor die Schaltfläche war). 3. Konfigurieren Sie die Komponenteninstanz. Vergrößern Sie die Komponente. (Klicken Sie auf das FREI TRANSFORMIEREN-Icon und ziehen Sie den Größenrahmen der Komponente auf.) Ändern Sie die Beschriftung in »Abspielen«. Wechseln Sie in den Eigenschafteninspektor, klicken Sie auf den Reiter PARAMETER und geben Sie im Feld rechts neben dem LABEL-Parameter den neuen Beschriftungstext ein.

61

jetzt lerne ich

2 Das Arbeitsmaterial

Abb. 2.23: Konfiguration einer Komponente

Der ActionScript-Code Jetzt fehlt nur noch der ActionScript-Code. Dieser besteht aus zwei Teilen: 쐽 Einem Stop-Befehl im ersten Bild des Films, damit dieser nicht automatisch abläuft. Dieser Code ist noch von der Vorlage vorhanden. 쐽 Behandlungscode für das click-Ereignis der Button-Komponente, um den Film abspielen zu lassen. 4. Klicken Sie in der Bühne auf die Instanz der Button-Komponente. Im AKTIONEN-Bedienfeld sollte jetzt unter AKTUELLE AUSWAHL der Symbolname BUTTON zu lesen sein. 5. Tippen Sie den Behandlungscode für das click-Ereignis ein: on (click) { _parent.play(); }

Der Vorsatz _parent bezeichnet die übergeordnete Filmsequenz (in unserem Fall der Film). Ohne diese Angabe würde play() die Filmsequenz der Komponente abspielen! (Mehr hierzu im Abschnitt zu den Filmsequenzen.)

62

Filmsequenzen

jetzt lerne ich

Abb. 2.24: Der fertige Film

Testen Sie nun den Film (Ÿ+Æ). Nach dem Start des Films sollte der Ball unbewegt an seiner Anfangsposition stehen bleiben. Erst beim Betätigen der Schaltfläche (Button-Komponente) wird die Animation in Gang gesetzt und genau einmal ausgeführt.

2.5

Filmsequenzen

Filmsequenzen sind nicht nur für die ActionScript-Programmierung, sondern für das gesamte Flash-Design von herausragender Bedeutung. Der FlashDesigner schätzt an den Filmsequenzen vor allem die Möglichkeit, sie ineinander zu verschachteln. Angenommen, Sie wollten einen Film erstellen, in dem ein Fahrrad mit sich drehenden Rädern einen Weg entlang fährt. Ohne die hierarchische Verschachtelung von Filmsequenzen wäre dies nur schwer möglich. So aber können Sie das Fahrrad modular aufbauen. Zuerst erzeugen Sie ein Filmsequenzsymbol für ein einzelnes, sich drehendes Rad. Dann legen Sie ein Filmsequenzsymbol für das Fahrrad an. In diesem Symbol verwenden Sie zwei Instanzen des Rad-Symbols. Schließlich ziehen Sie eine Instanz des FahrradSymbols in die Bühne der Hauptfilmsequenz und animieren sie entlang eines Pfades.

63

2 Das Arbeitsmaterial

jetzt lerne ich

Abb. 2.25: Animiertes Fahrrad mit Filmsequenzinstanzen als Räder

Wenn der Film abgespielt wird, wird in der Hauptfilmsequenz des Films das Fahrrad entlang des vorgesehenen Pfades animiert, während gleichzeitig die Animation der Rad-Instanzen läuft.

1

Grafiken können zwar ebenfalls hierarchisch ineinander verschachtelt werden, doch sind sie nicht so eigenständig wie Filmsequenzen und können auch nicht mittels ActionScript-Code manipuliert werden. Aus Sicht des ActionScript-Programmierers sind die Filmsequenzen vor allem deshalb interessant, weil Filmsequenzinstanzen mit ActionScript-Code manipuliert werden können.

2.5.1

Code mit Filmsequenzen verbinden

Es gibt drei Wege, wie ActionScript-Code mit Filmsequenzen verbunden werden kann: 쐽 als Code in den Schlüsselbildern der Filmsequenz, 쐽 als Behandlungscode für die vordefinierten Filmsequenzereignisse, 쐽 als Code, der auf eine Filmsequenzinstanz zugreift und diese manipuliert (sie beispielsweise auf der Bühne verschiebt).

64

Filmsequenzen

jetzt lerne ich

Code in Schlüsselbildern Da eine Filmsequenz über eine Zeitleiste verfügt, können Sie beim Bearbeiten des Filmsequenzsymbols Code in die Schlüsselbilder der Filmsequenz schreiben (siehe Abschnitt 2.2). Beim Abspielen des Flash-Films werden alle Instanzen der Filmsequenzsymbole in einem Bild parallel ausgeführt (einschließlich des in den zugehörigen Filmsequenzbildern enthaltenen Codes). Lediglich für Instanzen, deren Verhalten explizit auf GRAFIK umgestellt wurde (siehe Abschnitt 2.3.1), läuft die Animation des grafischen Inhalts ohne Berücksichtigung des Codes ab.

Ereignisbehandlungscode Wie für Schaltflächeninstanzen gibt es auch für Filmsequenzinstanzen vordefinierte Ereignisse – beispielsweise load (die Filmsequenzinstanz erscheint das erste Mal auf der Bühne) oder mouseDown (die Maustaste wurde gedrückt, während die Filmsequenzinstanz auf der Bühne angezeigt wird). Um eines dieser Ereignisse für eine Filmsequenzinstanz abzufangen, gehen Sie wie folgt vor: 1. Markieren Sie die Filmsequenzinstanz auf der Bühne (durch einfaches Anklicken). 2. Wechseln Sie in das AKTIONEN-Bedienfeld. (Aufruf über Ñ) 3. Geben Sie im Editor des Bedienfelds den ActionScript-Code ein. Abb. 2.26: ActionScriptCode für eine Schaltfläche

65

jetzt lerne ich

1

2 Das Arbeitsmaterial Ereignisbehandlungscode für Filmsequenzereignisse wird stets in eine Ereignisbehandlungsdefinition eingefasst, die durch das Schlüsselwort onClipEvent und den Namen des Ereignisses eingeleitet wird. Daneben können Sie für Filmsequenzinstanzen auch Schaltflächenereignisse abfangen. Die Ereignisbehandlungsdefinition wird dann selbstverständlich mit on eingeleitet. Der umgekehrte Fall – für eine Schaltflächeninstanz Filmsequenzereignisse abzufangen – ist nicht möglich.

Auf Filmsequenzinstanzen zugreifen Filmsequenzinstanzen weisen noch weitere Besonderheiten auf, die sie gegenüber Grafikinstanzen und allen grafischen Elementen, die keine Instanzen sind, auszeichnet: 쐽 Filmsequenzen verfügen über eine Reihe von vordefinierten Methoden1. Einige dieser Methoden sind Duplikate der Funktionen zur Filmsteuerung (stop(), play() oder gotoAndPlay(), der Rest dient verschiedenen Aufgaben (dynamisches Erzeugen und Löschen von Filmsequenzinstanzen, Kollisionsvergleiche, Datenaustausch mit externen Medien etc. – siehe Kapitel 13). 쐽 Filmsequenzen verfügen über eine Reihe von vordefinierten Eigenschaften, deren Werte Sie abfragen oder auch verändern können. Zu diesen Eigenschaften gehören beispielsweise die Koordinaten (_x und _y) oder die Sichtbarkeit (_visible) der Filmsequenzen. 쐽 Auf eine Filmsequenzinstanz können Sie auch von ActionScript-Code aus zugreifen, der nicht mit der Instanz selbst verbunden ist. Der letzte Punkt ist besonders interessant. Er besagt, dass Sie eine Filmsequenzinstanz A über Code ansprechen und manipulieren können, der mit einer Schaltflächeninstanz oder einer anderen Filmsequenz verbunden ist. Ein konkretes Beispiel soll dies verdeutlichen. Nehmen wir an, Sie hätten ein Filmsequenzsymbol für ein sich drehendes Rad erstellt. Sie nehmen eine Instanz der Filmsequenz in Ihre Hauptbühne auf und führen den Film aus. Das Rad dreht sich an seinem Platz. Nehmen wir weiter an, Sie möchten, dass sich das Rad nicht automatisch dreht. Sie könnten dazu das Filmsequenzsymbol bearbeiten und im ersten Bild der Filmsequenz die Funktion stop() aufrufen. Allerdings würden dann alle Instanzen des Symbols standardmäßig im ersten Bild angehalten. Sie beschlie-

1. Methoden sind Funktionen, die nur für eine bestimmte Klasse von Objekten (hier die Filmsequenzinstanzen) aufgerufen werden können. In Kapitel 9 werden Sie mehr darüber erfahren.

66

Filmsequenzen

jetzt lerne ich

ßen, dass dies nicht wünschenswert ist, und entscheiden sich, stattdessen das load-Ereignis der Rad-Instanz abzufangen und im Code zu diesem Ereignis die stop()-Methode aufzurufen. onClipEvent (load) { stop(); }

Auf diese Weise wird nur die Filmsequenzinstanz angehalten, mit der das Ereignis verbunden ist. Jetzt fehlt allerdings eine Möglichkeit, um das Rad in Gang zu setzen. Sie nehmen daher eine Schaltflächeninstanz zum Abspielen der Rad-Instanz in die Bühne auf. Sie fangen für die Schaltflächeninstanz das release-Ereignis ab und rufen im Code des Ereignisses die play()-Methode der Rad-Instanz auf. Dies ist genau der Punkt, um den es hier geht: Code, der mit einer Schaltflächeninstanz verbunden ist, wird dazu genutzt, das Abspielen einer Filmsequenzinstanz zu steuern. Wer jetzt aber denkt, er müsste im release-Ereignis der Schaltfläche nur die play()-Funktion aufrufen, hat sich getäuscht. on (release) { play(); // funktioniert nicht wie gewünscht }

Dieser Code führt lediglich dazu, die Hauptfilmsequenz abzuspielen. Dies liegt daran, dass Filmsequenzfunktionen, die in Ereignisbehandlungscode von Schaltflächeninstanzen aufgerufen werden, sich immer auf die Filmsequenz beziehen, in der die Schaltflächeninstanz eingebettet ist. Will man auf eine andere Filmsequenzinstanz zugreifen, muss man dies dem Flash Player explizit angeben. 4. Zuerst müssen Sie der Filmsequenzinstanz, auf die Sie zugreifen wollen, einen Namen geben, über den Sie die Instanz ansprechen können. Wählen Sie dazu in der Bühne die Filmsequenzinstanz aus und wechseln Sie in den Eigenschafteninspektor. Geben Sie im ersten Eingabefeld, unter dem Listenfeld für das Symbol, einen Namen für die Instanz ein. (Achtung! Der Name muss eindeutig sein.)

67

jetzt lerne ich

2 Das Arbeitsmaterial

Abb. 2.27: Filmsequenzinstanzen kann man Namen geben

5. Dann rufen Sie im Code der Schaltflächeninstanz statt der allgemeinen Funktion play() über den Namen der Filmsequenzinstanz die Methode play() auf. (Während sich die Funktion play() immer auf die Filmsequenz bezieht, in deren Code sie aufgerufen wird, bezieht sich die Methode auf die Filmsequenz, über deren Namen sie aufgerufen wurde.) on (release) { rad1.play(); } Abb. 2.28: Zugriff auf Filmsequenzinstanzen

68

Filmsequenzen

2.5.2

jetzt lerne ich

Ereignisse für Filmsequenzen

Bei aller Begeisterung für die Möglichkeiten des direkten Zugriffs auf Filmsequenzinstanzen sollten wir die Filmsequenzereignisse nicht vergessen. Ereignis

Beschreibung

enterFrame

wird im Rhythmus der Filmbildrate ausgelöst

load

wird ausgelöst, wenn der Film auf die Bühne geladen wird

unload

wird ausgelöst, wenn der Film von der Bühne entfernt wird

data

wird ausgelöst, wenn das Laden von Variablen in eine Filmsequenzinstanz beendet wird oder ein Film teilweise in eine Filmsequenz geladen wird

mouseDown

wird ausgelöst, wenn die linke Maustaste gedrückt wird, solange die Filmsequenzinstanz auf der Bühne ist

mouseUp

wird ausgelöst, wenn die linke Maustaste losgelassen wird, solange die Filmsequenzinstanz auf der Bühne ist

mouseMove

wird ausgelöst, wenn der Mauszeiger verschoben wird, auch wenn sich der Zeiger nicht über der Filmsequenzinstanz befindet

keyDown

wird ausgelöst, wenn eine Taste gedrückt wird, solange die Filmsequenzinstanz auf der Bühne ist

keyUp

wird ausgelöst, wenn eine Taste losgelassen wird, solange die Filmsequenzinstanz auf der Bühne ist

Tabelle 2.2: Filmsequenzereignisse

Code, der bei Eintritt eines Filmsequenzereignisses ausgeführt werden soll, ist immer in eine Ereignisbehandlungsdefinition einzufassen. Ereignisbehandlungsdefinitionen für Filmsequenzereignisse bestehen aus drei Teilen: 쐽 dem Schlüsselwort onClipEvent, 쐽 dem abzufangenden Ereignis, 쐽 dem Code, der bei Eintritt des Ereignisses auszuführen ist. Das Ereignis wird immer in runden Klammern angegeben, der auszuführende Code steht in geschweiften Klammern. Eine gültige Ereignisbehandlungsdefinition könnte damit wie folgt aussehen: onClipEvent (load) { stop(); }

Wie im Falle der Schaltflächeninstanzen können Sie für eine Filmsequenzinstanz im AKTIONEN-Bedienfeld untereinander Ereignisbehandlungsdefinitionen für verschiedene Ereignisse aufsetzen oder mehrere Ereignisse mit ein und demselben Code verbinden.

69

2 Das Arbeitsmaterial

jetzt lerne ich

2.5.3

Beispiel

Ebenso wie die Ausführungen zu den Schlüsselbildern und Schaltflächen, wollen wir auch die Programmierung mit Filmsequenzinstanzen zum Schluss noch einmal an einem praktischen Beispiel üben. Ausgangspunkt ist dabei der eingangs dieses Unterkapitels vorgestellte Flash-Film mit dem animierten Fahrrad.

Der Flash-Film Die reine Flash-Animation (ohne den ActionScript-Code) ist diesmal recht umfangreich. Ich verzichte daher darauf, die einzelnen Design-Schritte bis ins Detail vorzustellen (zumal es sich größtenteils um Grundtechniken handelt, mit denen Sie vermutlich bestens vertraut sind), und beschränke mich auf die grundlegenden Arbeitsschritte. Abb. 2.29: Der fertige Flash-Film

70

Filmsequenzen

jetzt lerne ich

Die Hauptfilmsequenz besteht aus drei Ebenen: 쐽 einer Pfad-Ebene, die den (später nicht sichtbaren) Pfad enthält, an dem das Fahrrad entlang bewegt wird, 쐽 einer Ebene, in die das Fahrrad eingefügt ist und 쐽 einer Ebene für den Hintergrund mit den Hügeln, dem Himmel und der Sonne. Das Fahrrad ist nicht direkt in die Ebene der Hauptfilmsequenz gezeichnet (sonst könnte man es ja nicht animieren), es ist eine eingebettete Filmsequenzinstanz. Das Fahrrad selbst besteht aus zwei Filmsequenzinstanzen für die Räder und dem gezeichneten Rahmen. Für die Filmsequenz des Fahrradsymbols reicht daher ein einziges Bild. Die Filmsequenz für die Räder besteht aus einem Bewegungs-Tween. Komplexere Filme baut man am besten von innen nach außen auf, d.h., man erstellt zuerst die untergeordneten Teilkomponenten und setzt diese nach und nach zu größeren Komponenten zusammen. Für das vorliegende Beispiel bedeutet dies, dass Sie nacheinander Rad, Fahrrad und Hauptfilm bearbeiten. 1. Beginnen Sie einen neuen Flash-Film (Befehl DATEI/NEU, Option FLASHDOKUMENT). Die Räder 2. Richten Sie mithilfe des Befehls EINFÜGEN/NEUES SYMBOL ein neues Filmsequenzsymbol für die Räder ein. 3. Zeichnen Sie das Rad in seiner Ausgangsposition. 4. Erstellen Sie einen Bewegungs-Tween über cirka fünf Bilder. Verwenden Sie zum Erstellen der Zwischenschritte und des abschließenden Schlüsselbildes die Tastenkombinationen Í bzw. Î. Im abschließenden Schlüsselbild drehen Sie das Rad um 90 Grad. Rufen Sie über den Befehl FENSTER/DESIGN-BEDIENFELDER/TRANSFORMIEREN das gleichnamige Bedienfeld auf und geben Sie für die Option DREHEN den Wert 90 ein. (Wenn es Sie stört, dass das Rad nach der Drehung um 90 Grad wieder wie vor der Drehung aussieht, wählen Sie einfach einen anderen Winkel.)

71

jetzt lerne ich

2 Das Arbeitsmaterial Das Fahrrad 5. Wechseln Sie zurück zur Hauptfilmsequenz. (Klick auf den Link SZENE 1 oben links über der Zeitleiste). 6. Richten Sie mithilfe des Befehls EINFÜGEN/NEUES SYMBOL ein neues Filmsequenzsymbol für das Fahrrad ein. 7. Öffnen Sie die zu dem Film gehörige Bibliothek (Befehl FENSTER/BIBLIOTHEK), in der das Rad-Symbol abgespeichert ist. 8. Ziehen Sie zwei Rad-Instanzen auf die Bühne und zeichnen Sie mit dem Stift-Werkzeug einen Fahrradrahmen dazu. Die Hauptfilmsequenz 9. Wechseln Sie zurück zur Hauptfilmsequenz. (Klick auf den Link SZENE 1 oben links über der Zeitleiste). 10. Ziehen Sie eine Fahrrad-Instanz aus der Bibliothek auf die Bühne und platzieren Sie sie am linken Rand. 11. Richten Sie mithilfe der kleinen Symbolschaltfläche PFADEBENE EINFÜGEN, die sich unterhalb der Ebenen befindet, eine neue Ebene hinzu, die als Führungsebene dient. 12. Auf dieser Ebene zeichnen Sie im ersten Bild mit dem Stift-Werkzeug den Führungspfad ein, entlang dem das Fahrrad bewegt werden soll. 13. Wählen Sie jetzt die Fahrrad-Instanz und rufen Sie den Befehl EINFÜGEN/ ZEITLEISTE/BEWEGUNGS-TWEEN ERSTELLEN auf. 14. Damit das Fahrrad bei seiner Wanderung entlang des Pfades sich am selbigen ausrichtet, müssen Sie in der Zeitleiste in ein Bild des Tweens (nicht des Pfads) klicken und im Eigenschafteninspektor die Kontrollkästchen AUSRICHTEN und AM PFAD AUSRICHTEN setzen. 15. Dann wählen Sie die jeweils ersten Bilder der beiden Ebenen (Anklicken bei gedrückter Á-Taste) und fügen mit Í so viele Bilder ein, wie Sie für den Film benötigen (cirka 30 bis 40). 16. Auf der Ebene mit der Instanz fügen Sie am Ende mit Î ein Schlüsselbild ein und positionieren in diesem das Fahrrad so, wie es am Ende liegen soll.

72

Filmsequenzen

jetzt lerne ich

Abb. 2.30: Tweening entlang eines Pfades

Wenn Sie jetzt Ihren Film testen, sollte der Mittelpunkt des Fahrrads entlang des Führungspfades laufen und das Fahrrad parallel zu den Windungen des Pfades fahren. 17. Jetzt gilt es nur noch den Hintergrund zu gestalten, den Sie zur besseren Übersicht in einer eigenen Ebene unterbringen. Wichtig ist vor allem – parallel versetzt zum Führungspfad – eine Straße für das Fahrrad einzuzeichnen. Wählen Sie hierfür am Anfang eine andere Farbe als für den Führungspfad, weil diese dann besser auseinander zu halten sind. Mit dem Zwiebeleffekt können Sie am besten kontrollieren, ob Ihr Objekt entlang Ihrer »Straße« rollt und dann entsprechende Korrekturen daran vornehmen.. Wenn Sie für die Hintergründe Füllungen benutzen, müssen Sie die Reihenfolge der Ebenen beachten, damit Ihr Fahrrad nicht überdeckt wird.

ActionScript-Code hinzufügen Nun, wollen wir mit ein wenig ActionScript-Code in den Film eingreifen. Ziel soll es sein, dass man durch Klicken mit der Maus die Animation anhalten und das Fahrrad verschwinden lassen kann.

73

jetzt lerne ich

2 Das Arbeitsmaterial 1. Öffnen Sie das AKTIONEN-Bedienfeld (Aufruf über Ñ). 2. Wählen Sie die Fahrrad-Instanz aus. Klicken Sie dazu zuerst in das anfängliche Schlüsselbild der Fahrrad-Ebene. (Jetzt sind alle Elemente in dem Schlüsselbild ausgewählt). Klicken Sie jetzt einmal neben die Bühne und dann auf das Fahrrad. (Jetzt sollte nur die Fahrrad-Instanz ausgewählt und im AKTIONEN-Bedienfeld unter AKTUELLE AUSWAHL der Name des Filmsequenzsymbols zu lesen sein.)

Abb. 2.31: Ereigniscode für die Fahrrad-Instanz

3. Tippen Sie folgenden Code in das Bedienfeld ein: onClipEvent (mouseDown) { _parent.stop(); _visible = false; } onClipEvent (mouseUp) { _parent.play(); _visible = true; }

74

Zusammenfassung

jetzt lerne ich

Das Filmsequenzereignis mouseDown wird ausgelöst, wenn die Maus irgendwo im Film gedrückt wird (dies kann auch außerhalb der Instanz sein, für die das Ereignis abgefangen wird). Als Antwort auf das Ereignis wird der Hauptfilm angehalten. Die Hauptfilmsequenz hat keinen eigenen Namen, über die wir sie ansprechen könnten. Wir wissen aber, dass sie die übergeordnete Filmsequenzinstanz zu der Instanz ist, für die das Ereignis abgefangen wird. Wir können daher das vordefinierte Schlüsselwort _parent verwenden, das immer die zu der aktuellen Filmsequenzinstanz übergeordnete Filmsequenzinstanz bezeichnet. (In Kapitel 13 erfahren Sie mehr über die verschiedenen Möglichkeiten zum Zugriff auf Filmsequenzinstanzen.) Um die aktuelle Instanz (das Fahrrad) unsichtbar zu machen, brauchen wir ihrer _visible-Eigenschaft nur den Wert false zuzuweisen. Für das mouseUp-Ereignis, das ausgelöst wird, wenn die Maus losgelassen wird, verfahren wir entsprechend: die Hauptfilmsequenz wird weiter abgespielt, die Fahrrad-Instanz wieder sichtbar gemacht. 4. Testen Sie nun den Film (Ÿ+Æ). Wenn Sie irgendwo innerhalb der Filmleinwand die Maus drücken, wird die Hauptfilmsequenz angehalten und das Fahrrad verschwindet. Erst wenn Sie die Maus wieder loslassen, erscheint das Fahrrad wieder und die Animation wird fortgesetzt.

2.6

Zusammenfassung

Es gibt eine Vielzahl von vordefinierten Ereignissen, die während des Abspielens eines Films auftreten können. Der Flash Player, dem die Ausführung der Flash-Filme in den Browsern der Clients obliegt, wacht über diese Ereignisse. Tritt ein Ereignis ein, prüft der Flash Player, ob ActionScript-Code mit dem Ereignis verbunden wurde. Falls ja, führt er den Code aus. Ereignisse sind an Schlüsselbilder und Instanzen von Filmsequenzen, an Schaltflächeninstanzen und an Komponenteninstanzen gebunden. Code für Schlüsselbilder kann direkt mit dem Schlüsselbild verbunden werden, Code für Ereignisse, die eine Instanz betreffen, müssen unter Angabe des Ereignisses in eine formale Ereignisbehandlungsdefinition, in der ActionScript-Hilfe Ereignisprozedur genannt, gekleidet werden.

75

2 Das Arbeitsmaterial

jetzt lerne ich

2.7

Fragen und Antworten

F: ActionScript ist eine Skriptsprache. Was aber wird in der ActionScript-Programmierung eigentlich als ein Skript bezeichnet? A: Als ein Skript bezeichnet man den gesamten Code, der mit einem Schlüsselbild oder einer Instanz verbunden ist. F: Kann ich ein und dieselbe Schaltflächeninstanz in unterschiedlichen Bildern mit unterschiedlichen release-Ereignisbehandlungsdefinitionen verbinden? A: Ja, sofern es sich um Schlüsselbilder handelt. Dies gilt übrigens für alle Arten von Instanzen (Schaltflächen, Filmsequenzen und Komponenten).

2.8

Übungen

1. Wie sieht die Ereignisprozedur aus, die beim Drücken einer Schaltfläche den Film anhält (in dessen Zeitleiste die Schaltflächeninstanz eingefügt wurde)? 2. Wie sieht die Ereignisprozedur aus, die beim Drücken einer Button-Komponente den Film anhält (in dessen Zeitleiste die Schaltflächeninstanz eingefügt wurde)? 3. Wie sieht die Ereignisprozedur aus, die beim Drücken einer Maustaste den Film anhält (in dessen Zeitleiste die Filmsequenzinstanz, die das Ereignis abfangen soll, eingefügt wurde)? 4. Zeichnen Sie einen Clown, der ein Bündel verschiedenfarbiger Luftballons in der Hand hält. 5. Stellen Sie das in Abschnitt 2.5.1, Unterabschnitt »Auf Filmsequenzinstanzen zugreifen« beschriebene Beispiel mit dem drehenden Rad und den beiden Schaltflächen zum Anhalten und Weiterdrehen des Rads nach. 6. Was geschieht beim Anhalten einer Filmsequenzinstanz mit untergeordneten Filmsequenzen. Im Fahrradbeispiel aus Abschnitt 2.5.3 wurde die Hauptfilmsequenz beim Drücken der Maus per ActionScript-Code angehalten. Was aber geschieht dabei mit den Filmsequenzinstanzen für das Fahrrad und die beiden Räder?

76

Die Programmierumgebung

jetzt lerne ich

KAPITEL 3

Sollten Sie im vorangehenden Kapitel den Eindruck gewonnen haben, dass die ActionScript-Programmierung fast ausschließlich im Bedienfeld AKTIONEN stattfindet, so hat Sie Ihr Eindruck nicht getäuscht. Das AKTIONEN-Bedienfeld ist der Dreh- und Angelpunkt der ActionScript-Programmierung, und der sichere Umgang mit dem Bedienfeld ist die Grundvoraussetzung für (relativ) frustrationsfreies Programmieren mit ActionScript. Aus diesem Grunde ist das folgende Kapitel dem AKTIONEN-Bedienfeld und den anderen Programmierwerkzeugen der Flash-Oberfläche gewidmet.

Im Einzelnen lernen Sie in diesem Kapitel – alles Wichtige über das AKTIONEN-Bedienfeld, – wie man in ActionScript Daten zur Kontrolle ausgeben kann, – wie man ActionScript-Code testen und debuggen kann, – wer den ActionScript-Code eigentlich ausführt.

3.1

Das Aktionen-Bedienfeld

ActionScript-Code kann, wie Sie wissen, nur mit Schlüsselbildern, Schaltflä- Drücken Sie chen-, Komponenten- und Filmsequenzinstanzen verbunden werden. Zuwei- Ñ, um das sung und Bearbeitung des Codes erfolgen stets über das Bedienfeld AKTIONEN. AKTIONENBedienfeld zu öffnen.

77

3 Die Programmierumgebung

jetzt lerne ich

Skript-Navigator

Aktionen-Liste

Symbolleiste

Skriptfenster

Menüs

Abb. 3.1: Das AktionenBedienfeld

Debugger-Leiste

3.1.1

Skripte-Register

Die einzelnen Teilbereiche

Sieht man von untergeordneten Dekorationen ab ist das Aktionen-Bedienfeld dreigeteilt: in zwei kleinere Fenster zur Linken und ein größeres Fenster zur Rechten (siehe Abbildung 3.1).

Das Skriptfenster (rechts) Das rechte Fenster birgt den eigentlichen Editor. Hier tippen Sie Ihren ActionScript-Code ein. Der Editor unterstützt Sie unter anderem mit: 쐽 farblicher Hervorhebung unterschiedlicher Syntaxelemente 쐽 automatischer Codeeinrückung 쐽 Codehinweisen (kleine Fenster, die aufspringen, wenn Sie die öffnende Klammer hinter on, onClipEvent oder einem Funktionsnamen bzw. einen Punkt hinter einem Instanznamen eingeben (siehe Abbildung 3.2) (Für Instanzen und Objekte werden Codehinweise nur angezeigt, wenn Typinformationen vorliegen. Für Objekte geben Sie den Typ bei der Erzeugung an, siehe Kapitel 9, für Instanzen von Filmsequenzen, Schaltflächen etc. können Sie dem Instanznamen ein spezielles Suffix anhängen, das den Typ angibt, siehe hierzu die Online-Hilfe unter ACTIONSCRIPTREFERENZHANDBUCH/SKRIPTS SCHREIBEN UND DEBUGGEN/ACTIONSCRIPT-EDITOR VERWENDEN/CODE ZUM AUSLÖSEN VON CODEHINWEISEN SCHREIBEN.) 쐽 Zeilennummerierung

78

Das Aktionen-Bedienfeld

jetzt lerne ich

Die meisten dieser Optionen können Sie über den VOREINSTELLUNGEN-Dialog (Aufruf über Ÿ+U) konfigurieren. Die Zeilennummerierung schalten Sie über das ANSICHTSOPTIONEN-Menü des Bedienfelds ein. Abb. 3.2: Codehinweise im AktionenBedienfeld

Im Grunde genommen würde dieses Teilfenster bereits ausreichen – die beiden linken Fenster dienen lediglich der Bequemlichkeit und besseren Übersicht.

Der Skript-Navigator (links unten) Dieses äußerst nützliche Fenster hilft Ihnen, die Übersicht über die Codeblöcke zu behalten, die mit den verschiedenen Elementen eines Flash-Films verbunden sind. Bilder werden unter Angabe der Ebene und der Bildnummer, Symbolinstanzen unter Angabe des Symbolnamens und – soweit vom Autor spezifiziert – dem Instanznamen aufgeführt. Besondere Aufmerksamkeit verdient die AKTUELLE AUSWAHL. Unter diesem Knoten wird angezeigt, welches Element gerade in der Authoring-Umgebung (in diesem Fall Bühne oder Zeitleiste) ausgewählt ist. Der im Skriptfenster eingegebene oder angezeigte Code gehört immer zu dem aktuell ausgewählten Element! Darunter werden nach Szenen geordnet diejenigen Filmelemente (Bilder, Filmsequenz-, Schaltflächen- und Komponenteninstanzen) aufgeführt, die mit ActionScript-Code verbunden sind. Wenn Sie eines dieser Elemente per Doppelklick auswählen, wird der mit dem Element verbundene Code in das Skriptfenster geladen.

79

jetzt lerne ich

3 Die Programmierumgebung Gibt es in der Filmbibliothek Filmsequenzsymbole, die ActionScript-Code enthalten (beispielsweise in den Schlüsselbildern der Filmsequenz) werden die Symbole unter der Rubrik SYMBOLDEFINITION(EN) aufgeführt.

1

Sollte Ihnen die Funktionalität des Skript-Navigators einmal nicht ausreichen, rufen Sie den Film-Explorer auf (Befehl FENSTER/ANDERE BEDIENFELDER/ FILM-EXPLORER) Dieser präsentiert Ihnen die Elemente und Codeblöcke Ihres Films in einer hierarchischen, konfigurierbaren Ansicht und ermöglicht auch die Suche nach beliebigen Textstellen.

Die Aktionen-Liste (links oben) In diesem hierarchisch strukturierten Fenster können Sie ActionScript-Elemente (Operatoren, Funktionen, Klassen etc.) auswählen und per Doppelklick in den Code des Skriptfensters einfügen. Um beispielsweise eine Ereignisbehandlungsdefinition für eine Filmsequenzinstanz zu beginnen, könnten Sie den Knoten GLOBALE FUNKTIONEN/MOVIECLIPSTEUERUNG erweitern, zur Aktion ONCLIPEVENT scrollen und diese doppelt anklicken. Danach können Sie den Code im rechten Fenster weiterbearbeiten. In der Praxis werden Sie diese Möglichkeit jedoch eher selten nutzen, da Sie den Code viel schneller selbst eingetippt haben. Trotzdem ist die Liste nicht ganz nutzlos; sie eignet sich nämlich bestens als Nachschlagewerk. Sollten Sie zum Beispiel einmal vergessen haben, wie man die Filmsequenzmethode gotoAndPlay() genau schreibt (beachten Sie, dass ActionScript zwischen Groß- und Kleinschreibung unterscheidet), brauchen Sie nur den Knoten GLOBALE FUNKTIONEN und den untergeordneten Knoten ZEITLEISTENSTEUERUNG zu erweitern und die Liste der Methoden zu durchsuchen. Wenn Sie wissen wollen, welche Eigenschaften es für Filmsequenzen gibt, erweitern Sie einfach den Knoten INTEGRIERTE KLASSEN\FILM\MOVIECLIP\EIGENSCHAFTEN. Wenn Sie die Maus für einen Moment über einem Element der Aktionen-Liste verweilen lassen, springt sogar ein kleines Fenster mit einer Kurzbeschreibung des Elements auf.

0 80

Ob das Fenster aber eine wirkliche Arbeitserleichterung darstellt, scheint mir zumindest zweifelhaft. Ich persönlich ziehe es vor, das Fenster auszublenden (Klick auf den Pfeilschalter im unteren Rahmenelement) und so mehr Platz für den Skript-Navigator zu schaffen. Als Schnellereferenz nutze ich die erste Schaltfläche aus der Symbolleiste des Skriptfensters (SKRIPTOBJEKT HINZUFÜGEN), die – bis auf die Kurzbeschreibungen – die gleiche Funktionalität bietet.

Das Aktionen-Bedienfeld

3.1.2

jetzt lerne ich

Code zuordnen

Das AKTIONEN-Bedienfeld verbindet den Code, den Sie in das rechte Teilfenster eingeben, stets mit dem Element, das auf der Bühne ausgewählt ist. Umgekehrt wird, wenn Sie ein Element auf der Bühne auswählen, im AKTIONENBedienfeld der Code angezeigt, der mit dem Element verbunden ist. Wenn Sie also Code für ein Element aufsetzen oder den Code eines Elements überarbeiten wollen, gehen Sie so vor, dass Sie zuerst das Element auswählen und dann in das AKTIONEN-Bedienfeld wechseln. Wie dies für Schlüsselbilder, Schaltfläche-, Komponenten- und Filmsequenzinstanzen im Detail aussieht, haben Sie bereits in Kapitel 2 erfahren. Wenn Sie bereits bestehenden Code bearbeiten wollen, können Sie die zugehörigen Elemente direkt über den Skript-Navigator auswählen und müssen nicht erst zur Bühne wechseln. Code in Symbolen kann allerdings nicht auf diesem Weg geladen werden. Nichts ist verwirrender, als Ereignisbehandlungscode versehentlich mit dem falschen Element zu verbinden. Kontrollieren Sie daher stets vor dem Aufsetzen/Bearbeiten des Codes, ob das Skriptfenster dem korrekten Element zugeordnet ist. Das AKTIONEN-Bedienfeld hilft Ihnen dabei, indem es das ausgewählte Element im Register am unteren Rand des Skriptfensters sowie im Skript-Navigator unter der Rubrik AKTUELLE AUSWAHL anzeigt.

3.1.3

0

Das Skripte-Register

Wenn Sie häufiger zwischen verschiedenen Codeblöcken hin und her wechseln müssen, empfiehlt es sich, die Codeblöcke permanent zu laden und über das Skripte-Register anzusteuern. Abb. 3.3: Die Reiter des Skripte-Registers am unteren Rand des Skriptfensters

Das Skripte-Register ist zweigeteilt. Links steht ein einzelner Reiter, der zu dem aktuell geladenen Code gehört. Rechts davon, hinter der Pinnnadel, werden die Reiter der permanent geladenen Codeblöcke angeordnet. Den aktiven Reiter, dessen Code im Skriptfenster zu sehen ist, erkennen Sie am weißen Hintergrund.

81

3 Die Programmierumgebung

jetzt lerne ich

ActionScriptCode kann festgepinnt werden.

Die Pinnnadel versinnbildlicht und steuert den Pinnzustand des aktuellen Reiters. Wenn Sie per einfachem Mausklick ein Schlüsselbild oder eine Instanz im Skript-Navigator oder in der Zeitleiste auswählen, wird der zugehörige Code – sofern vorhanden – in das Skriptfenster geladen und dort mit dem Reiter links der Pinnnadel verbunden. Um für diesen aktuell angezeigten Code einen permanenten Reiter einzurichten, müssen Sie nur auf das Symbol der Pinnnadel klicken, deren Darstellung sich daraufhin dreht, bis nur noch der Nadelkopf in der Aufsicht zu sehen ist (alternativ können Sie im Bedienfeld-Menü den Befehl SKRIPT IMMER VORNE aufrufen). 쐽 Wenn Sie den Code eines Elements direkt permanent laden möchten, brauchen Sie nur im Skript-Navigator auf das Element doppelt zu klicken. 쐽 Um einen permanenten Reiter aufzulösen, wählen Sie ihn aus und klicken Sie danach auf die Pinnnadel oder rufen Sie im Kontextmenü des SkripteRegisters den Befehl SKRIPT SCHLIEßEN auf. 쐽 Um alle permanenten Reiter auf einmal zu entfernen, rufen Sie im Kontextmenü des Skripte-Registers den Befehl ALLE SKRIPTS SCHLIEßEN auf.

2

Achtung! Die Pinnnadel bezieht sich stets auf den aktiven Reiter (erkennbar am weißen Hintergrund), und nicht etwa auf den Reiter links neben ihr.

3.2

Externer Code

Es sei nicht verschwiegen, dass es auch möglich ist, ActionScript-Code außerhalb von Filmen in eigenen ActionScript-Dateien (Extension .as) zu speichern. Solche externen Skriptdateien können Sie anlegen, indem Sie 쐽 im AKTIONEN-Bedienfeld den Befehl SKRIPT EXPORTIEREN des Titelleistenmenüs aufrufen (und damit den aktuellen Inhalt des Skriptfensters in einer externen ActionScript-Datei speichern) oder 쐽 im Dialogfenster NEUES DOKUMENT (Aufruf über den Menübefehl DATEI/ NEU) die Option ACTIONSCRIPT-DOKUMENT wählen (und damit eine neue Skriptdatei anlegen und zur Bearbeitung in den Editor für externe Skriptdateien laden)

82

Das Ausgabefenster

jetzt lerne ich

Abb. 3.4: Bearbeitung einer externen Skriptdatei im Skriptfenster. Die filmspezifischen Elemente der AuthoringUmgebung sind deaktiviert.

Allerdings eignet sich nicht jeder x-beliebige ActionScript-Code für die Auslagerung in eine externe Datei. Sinnvoll ist vor allem die Auslagerung von allgemein nützlichem Code, der vorzugsweise in eine Funktion (siehe Kapitel 8) oder eine Klasse (siehe Kapitel 9) verpackt sein sollte. Im Kapitel 8 werden Sie hierzu noch ein kleines Beispiel sehen.

3.3

Das Ausgabefenster

Zur Flash-Programmierumgebung gehört auch das Ausgabefenster. Der Flash Player nutzt dieses Fenster, um Sie auf Fehler in Ihrem ActionScript-Code hinzuweisen. Abb. 3.5: Fehlermeldungen im Ausgabefenster

83

jetzt lerne ich

3 Die Programmierumgebung Wenn Sie beim Testen eines Flash-Films mit einer solchen Fehlermeldung konfrontiert werden, gehen Sie wie folgt vor: 1. Sehen Sie sich die erste Fehlermeldung an. Lesen Sie sich die Beschreibung durch und schauen Sie sich den zugehörigen Code an. In dem Code aus Abbildung 3.5 fehlt zum Beispiel das »a« in »release«.

1

Wenn Sie in der betreffenden Zeile partout keinen Fehler entdecken können, wechseln Sie zu Flash und sehen Sie sich im AKTIONEN-Bedienfeld den Code vor der bemängelten Zeile an. 2. Korrigieren Sie den Fehler im ActionScript-Code. 3. Lassen Sie den Film erneut ausführen. Gibt es weitere Fehlermeldungen, fangen Sie wieder bei Schritt 1 an, falls nicht ...umso besser. Vielleicht fragen Sie sich, warum Sie nicht gleich alle Fehler korrigieren sollen? Nur allzu oft beziehen sich die weiteren Fehlermeldungen auf Folgefehler, die nicht mehr auftreten, wenn der erste Fehler korrigiert wurde. In Abbildung 3.5 treten die zweite und dritte Fehlermeldung zum Beispiel nur deswegen auf, weil die erste Zeile keine korrekte Ereignisbehandlungsdefinition einleitete. Sollten die nachfolgenden Fehlermeldungen auf echte, weitere Fehler hinweisen, werden Sie beim nächsten Testlauf wieder auftreten.

1

Nach einer gewissen Zeit werden Sie einen Blick dafür bekommen, ob nachfolgende Fehlermeldungen auf Folgefehler oder eigenständige Fehler hinweisen.

Eigene Ausgaben Mithilfe der Funktion trace() können Sie selbst Daten in das Ausgabefenster ausgeben. Sie brauchen der Funktion nur den auszugebenden Text (in doppelten Anführungszeichen) oder Wert in runden Klammern zu übergeben: trace("Hallo"); trace(radinstanz._x);

Mit dem Plus-Operator können Sie die Ausgabe von Texten und Werten kombinieren: trace("Wert von radinstanz._x: " + radinstanz._x);

Doch warum sollten Sie dies tun? Bei Ausführung des Flash-Films im Browser eines Webbesuchers wird kein Ausgabefenster angezeigt, ja die trace()-Auf-

84

Das Ausgabefenster

jetzt lerne ich

rufe werden vom Flash Player sogar vollständig ignoriert – lediglich bei Testläufen in Flash werden sie verarbeitet. Nun, auch wenn trace() keinen Einfluss auf den eigentlichen Flash-Film hat, ist es doch ein wunderbares Hilfsmittel, um während der Entwicklungsphase des Films zu kontrollieren, was der erstellte ActionScript-Code eigentlich macht und wie er ausgeführt wird. Betrachten Sie noch einmal das Fahrrad-Beispiel aus Kapitel 2.5.3. In dem Beispiel wurde das Fahrrad, bei dem es sich um die Instanz eines Filmsequenzsymbols handelte, entlang eines Pfads animiert. Nehmen wir an, Sie sollen zu diesem Film Code schreiben, der das Fahrrad so lange anhält, wie die Maustaste gedrückt wird. In einem ersten Versuch könnten Sie folgenden Code mit der Fahrrad-Instanz verbinden: onClipEvent (mouseDown) { stop(); } onClipEvent (mouseUp) { play(); }

Wenn Sie den Film danach ausführen und testen, können Sie so oft in den Film klicken, wie Sie wollen – es geschieht nichts. Woran kann dies liegen? Zum einen könnte es sein, dass das Ereignis gar nicht abgefangen und der Code bei Eintritt des Ereignisses nicht ausgeführt wird. Genauso gut kann es aber sein, dass der Code, d.h. die Funktionsaufrufe stop() und play(), falsch sind. Mithilfe von trace()-Aufrufen können Sie sich schnell Klarheit verschaffen, Sie brauchen nur zwei passende Aufrufe in den Ereignisbehandlungscode einzufügen: onClipEvent (mouseDown) { stop(); trace("gedrückt"); } onClipEvent (mouseUp) { play(); trace("losgelassen"); }

Wenn Sie den Film jetzt erneut testen, wird das Fahrrad zwar immer noch nicht angehalten, doch bei jedem Drücken und Loslassen der Maustaste erscheinen die entsprechen Meldungen im Ausgabefenster. Die Verbindung von Ereignis und Behandlungscode funktioniert also, der Fehler muss mit den Funktionsaufrufen stop() und play() zu tun haben. Ja, richtig! Die beiden Funktionen beziehen sich ja auf die aktuelle Filmsequenzinstanz (das Fahrrad).

85

3 Die Programmierumgebung

jetzt lerne ich

Zum Anhalten des Fahrrades muss aber die Hauptfilmsequenz mit der Pfadanimation angehalten werden: onClipEvent (mouseDown) { _parent.stop(); } onClipEvent (mouseUp) { _parent.play(); }

1

Mit trace() können Sie nicht nur kontrollieren, ob und wann welcher Ereignisbehandlungscode ausgeführt wird. Sie können auch die Werte von (Filmsequenzinstanz-)Eigenschaften oder Variablen (siehe Kapitel 4) ausgeben und überwachen.

3.4

Testen und Debuggen

Spöttische Zeitgenossen behaupten, dass die eigentliche Arbeit des Programmierers erst dann beginnt, wenn der Code fertig aufgesetzt ist, und spielen damit auf die leider nicht zu leugnende Tatsache an, dass kein Programmierer unfehlbar ist und kein Programmcode geschrieben wird, der nicht den einen oder anderen Fehler enthielte. Zur Pflicht des Programmierers gehört es daher, seinen Code auch gewissenhaft zu testen: 쐽 auf korrekte Syntax 쐽 auf Ausführbarkeit 쐽 auf logische Fehler

3.4.1

Syntaxprüfung

Einzelne Skripte, d.h. Code, der mit einer Instanz oder einem Schlüsselbild verbunden ist, können (und sollten) Sie direkt nach Fertigstellung, noch im AKTIONEN-Bedienfeld, prüfen. Drücken Sie dazu einfach in der Symbolleiste des AKTIONEN-Bedienfelds auf die Schaltfläche SYNTAX ÜBERPRÜFEN. Ein Dialogfenster zeigt Ihnen danach das Ergebnis der Syntaxprüfung an; etwaige Fehlermeldungen werden ins Ausgabefenster geschrieben.

86

Testen und Debuggen

3.4.2

jetzt lerne ich

Filme und Skriptcode testen

Um zu testen, ob der von Ihnen bearbeitete Flash-Film wie gewünscht abge- Film testen spielt wird, rufen Sie den Befehl STEUERUNG/FILM TESTEN auf oder Sie drücken Ÿ+Æ die zugehörige Tastenkombination Ÿ+Æ. (Bei der Bearbeitung größerer Filme mit mehreren Szenen, werden Sie die Szenen wahrscheinlich einzeln mithilfe des Befehls STEUERUNG/SZENE TESTEN überprüfen.) Sie können einen Film auch durch Aufruf des Befehls STEUERUNG/ABSPIELEN (Æ) testen, doch wird dann nur die aktuelle Filmsequenz abgespielt. Eingebettete Filmsequenzinstanzen werden nur als statische Bilder dargestellt.

1

Auf die gleiche Weise testen Sie, ob der von Ihnen aufgesetzte ActionScriptCode richtig verarbeitet wird. Wenn Sie Pech haben, erscheint neben dem Film sogleich das Ausgabefenster mit einer oder mehreren Fehlermeldungen (siehe Abschnitt 3.3). Aber auch wenn keine Fehlermeldungen erscheinen, bedeutet dies nicht, dass Ihr ActionScript-Code fehlerfrei ist. Vor allem zwei Kategorien von Fehlern sind es, die – vom Flash Player schweigend akzeptiert – dem Programmierer das Leben schwer machen: 쐽 Tippfehler in den Namen von Instanzen, Eigenschaften, Variablen, Funktionen und Methoden. Schnell hat man statt play() die Zeichenfolge pley() eingetippt. Das Tragische ist, dass der Flash Player auf solche Fehler nicht hinweist. Er erkennt zwar, dass hier eine Funktion aufgerufen werden soll, die es gar nicht gibt, doch führt dies nur dazu, dass er den Aufruf ignoriert. 쐽 Logische Fehler. Von logischen Fehlern spricht man, wenn Code syntaktisch korrekt ist, aber leider nicht das tut, was der Programmierer beabsichtigte. Stellen Sie sich vor, Sie haben einen Flash-Film zwei Filmsequenzinstanzen rad1 und rad2 und zwei Schaltflächen zum Anhalten der Filmsequenzinstanzen vorliegen. Das release-Ereignis der ersten Schaltfläche verbinden Sie mit dem Aufruf der Methode rad1.play(). Dann kopieren Sie diesen Ereignisbehandlungscode und verbinden ihn mit der zweiten Schaltfläche. Sollten Sie nun vergessen, im kopierten Code den Instanznamen rad1 in rad2 zu ändern, haben Sie einen logischen Fehler erzeugt, denn beide Schaltflächen halten danach das erste Rad an. Um solche Fehler aufzuspüren, müssen Sie den ActionScript-Code des Films debuggen.

87

3 Die Programmierumgebung

jetzt lerne ich

3.4.3

Debuggen

Logische Fehler können sehr einfach oder auch sehr schwer zu beheben sein. Ob leicht oder schwer zu beheben, eines haben logische Fehler und Tippfehler gemeinsam: Sie müssen sie erst einmal finden, bevor Sie sie beheben können. Und genau dies ist meist die Hauptschwierigkeit. Glücklicherweise stehen Ihnen bei der Fehlerlokalisierung vier leistungsstarke Hilfsmittel zur Seite: 쐽 der Testbefehl 쐽 die trace()-Funktion 쐽 der Debugger

Testen, testen, testen Das wichtigste Hilfsmittel ist der Menübefehl STEUERUNG/FILM TESTEN. Nutzen Sie ihn regelmäßig. Warten Sie mit dem Testen nicht, bis Sie den kompletten Code aufgesetzt haben. Wenn Sie ein Dutzend ungeprüfter Ereignisbehandlungsdefinitionen geschrieben haben und dann beim Testen ein logischer Fehler auftritt, ist es unter Umständen recht schwer, den Fehler aufzuspüren. Besser ist es, nach jeder Ereignisbehandlungsdefinition zu testen. Tritt dabei ein Fehler auf, können Sie davon ausgehen, dass der Fehler mit dem zuletzt bearbeiteten Ereignis zusammenhängt. Ereignisse, die semantisch zusammengehören (beispielsweise das Drücken und Loslassen der Maus im Fahrrad-Beispiel aus Kapitel 2.4.3) und nicht zu umfangreich sind, können auch zusammen getestet werden.

Fehlersuche mit trace() Mithilfe der trace()-Funktion können Sie kontrollieren, wann welche Codeblöcke ausgeführt werden, und sich die Werte von Variablen und Eigenschaften anzeigen lassen (siehe Abschnitt 3.3).

Der Debugger Der Debugger ist das leistungsfähigste Werkzeug zur Lokalisierung von logischen Fehlern. Mit seiner Hilfe können Sie einen Film an einer beliebigen ActionScript-Anweisung anhalten, die Werte von Filmsequenzeigenschaften und selbst definierten Variablen (siehe Kapitel 4) kontrollieren, den Film schrittweise ausführen. 1. Haltepunkte setzen (Breakpoints) Um den Film bei der Ausführung im Debugger gezielt an einem bestimmten Punkt des ActionScript-Codes anzuhalten, müssen Sie in der betreffenden Zeile einen Haltepunkt setzen.

88

Testen und Debuggen

jetzt lerne ich

Laden Sie den Code mit der betreffenden Anweisung dazu in das AKTIONEN-Bedienfeld und klicken Sie links neben der Zeile mit der Anweisung in die Debugger-Leiste. Ein roter Punkt zeigt fortan an, dass in die Zeile ein Haltepunkt gesetzt wurde. Abb. 3.6: ActionScriptCode mit Haltepunkt

2. Starten Sie den Debugger Um den Debugger aufzurufen, rufen Sie den Menübefehl STEUERUNG/DEBUGGEN auf. Abb. 3.7: Der Debugger wurde gestartet

Klicken Sie jetzt auf die Schaltfläche WEITER, um den Film auszuführen. Stößt der Debugger während der Filmausführung auf einen Haltepunkt unterbricht er die Filmausführung (siehe Abbildung 3.8). Beachten Sie, dass Haltepunkte in Ereignisbehandlungsdefinitionen natürlich nur erreicht werden, wenn im Film das betreffende Ereignis ausgelöst wird!

89

jetzt lerne ich

3 Die Programmierumgebung

Abb. 3.8: Der Film wurde am Haltepunkt angehalten

Einmal angehalten, können Sie den Debugger dazu nutzen, sich die aktuellen Werte von Eigenschaften und Variablen anzuschauen. 3. Kontrollieren Sie wichtige Eigenschaften und Variablen. Zur Überwachung von Variablen gibt es im Debugger vier Registerseiten: Tabelle 3.1: Registerseite Variablen überwachen EIGENSCHAFTEN

Beschreibung Auf dieser Seite werden die Eigenschaften einer Filmsequenzinstanz angezeigt. Wählen Sie die betreffende Instanz in dem darüber liegenden Fenster aus.

VARIABLEN

Auf dieser Seite werden die Variablen einer Filmsequenzinstanz angezeigt. Wählen Sie die betreffende Instanz in dem darüber liegenden Fenster aus

LOKALE VARIABLEN Auf dieser Seite werden die lokalen Variablen der aktuellen Funktion/Methode angezeigt. ÜBERWACHEN

0 90

Auf dieser Seite können Sie Variablen aus dem aktuellen Gültigkeitsbereich anzeigen lassen. Rufen Sie dazu im Kontextmenü der Seite den Befehl HINZUFÜGEN auf, doppelklicken Sie in das Feld unter der Spalte NAME und geben Sie den Namen der Variablen ein.

Filmsequenzinstanzen, denen Sie im Eigenschafteninspektor keine Namen zugewiesen haben, werden rechts oben im Debuggerfenster unter automatisch generierten Namen aufgeführt. Die Zuordnung der Instanzen wird dadurch erschwert. Es empfiehlt sich daher, allen Instanzen vor dem Debuggen Namen zuzuweisen.

Testen und Debuggen

jetzt lerne ich

Abb. 3.9: Kontrolle der Eigenschaften von instance1 (die FahrradInstanz)

4. Führen Sie den Filmcode schrittweise aus und achten Sie darauf, wie sich die Werte von Eigenschaften und Variablen ändern und ob der Code in der richtigen Abfolge ausgeführt wird. Symbol

Befehl

Beschreibung

WEITER

Führt den Code weiter aus, bis zum nächsten Haltepunkt oder dem Ende des Films.

ÜBERSPRINGEN

Führt nur die nächste Anweisung aus. Handelt es sich dabei um den Aufruf einer Funktion oder Methode wird diese in einem Schritt ausgeführt.

HINEINSPRINGEN

Führt nur die nächste Anweisung aus. Handelt es sich dabei um den Aufruf einer Funktion oder Methode, springt der Debugger in die erste Anweisung der Funktion/Methode und stoppt dort.

VERLASSEN

Führt die aktuelle Funktion/Methode bis zum Ende aus.

Tabelle 3.2: DebuggerBefehle zur schrittweisen Ausführung

Wenn Sie den gesuchten Fehler mithilfe des Debuggers ausfindig gemacht haben, beenden Sie die Debug-Sitzung und kehren zurück ins AKTIONENBedienfeld, wo Sie den Fehler korrigieren. 5. Beenden Sie die Debug-Sitzung durch Klick auf die Symbolschaltfläche DEBUGGEN BEENDEN.

91

3 Die Programmierumgebung

jetzt lerne ich

3.5

Compiler und Interpreter

Bisher war immer davon die Rede, dass der Flash Player den ActionScriptCode ausführt. Dies ist jedoch nicht ganz richtig.

Der Interpreter In den Flash Player ist ein besonderes Programm integriert, das Interpreter genannt wird. Dieser Interpreter ist es, der den ActionScript-Code liest und Anweisung für Anweisung ausführt. Wenn ein Websurfer eine Webseite mit einem Flash-Film ansteuert, geschieht demnach Folgendes: 1. Die Webseite wird in den Browser des Websurfers geladen. 2. Der in der Webseite enthaltene Flash-Film wird in den Flash Player geladen, der (hoffentlich) in den Webbrowser integriert ist. 3. Der Flash Player beginnt mit dem Abspielen des Films. 4. Tritt ein Ereignis ein, für das Ereignisbehandlungscode vorgesehen ist, liest der Interpreter den Code ein, wandelt ihn in Flash-Befehle um und sorgt für deren Ausführung. Wird der Abspielkopf des Flash Players auf ein Schlüsselbild mit ActionScript-Code gerückt, wird zuerst der ActionScript-Code ausgeführt und danach der Inhalt des Bildes angezeigt (es sei denn, der ActionScript-Code hat den Abspielkopf zuvor auf ein anderes Bild gesetzt).

Der Compiler Auch wenn der Interpreter Ihren ActionScript-Code ausführt, den zugehörigen Quelltext, den Sie in das AKTIONEN-Bedienfeld eingetippt haben, bekommt er nicht zu sehen. Wie das? Wenn Sie den Film veröffentlichen oder testen, wird aus der FLA-Datei des Films eine SWF-Datei erzeugt. Wie Sie sicherlich wissen, ist dies die Datei, die Sie in Ihre Webseiten einbetten und die der Flash Player abspielt. In der SWFDatei steht Ihr ActionScript-Code aber nicht mehr als Quelltext, sondern als binärer Bytecode. Im Zuge der Erzeugung der SWF-Datei wurde nämlich ein weiteres internes Hilfsprogramm, der so genannte Compiler, aufgerufen. Dessen Aufgabe ist es, Ihre ActionScript-Skripte in Bytecode1 zu übersetzen.

1. Bytecode ist prozessorunabhängiger Maschinencode.

92

Zusammenfassung

jetzt lerne ich

Dies hat verschiedene Vorteile: 쐽 Der Compiler prüft den Code auf syntaktische Korrektheit und macht Sie auf syntaktische Fehler aufmerksam. 쐽 Der binäre Bytecode kann vom Interpreter schneller ausgeführt werden als dies für den ursprünglichen Quelltext der Fall wäre. 쐽 Ihr Quelltext steht nur in kodierter, und damit geschützter Form in der SWF-Datei und kann nicht so leicht von anderen Programmierern kopiert werden.

3.6

Zusammenfassung

Das wichtigste Hilfsmittel des ActionScript-Programmierers ist das AKTIONENBedienfeld. Über das AKTIONEN-Bedienfeld weisen Sie Schlüsselbildern und Instanzen ActionScript-Code zu. Auch bestehenden Code bearbeiten Sie im AKTIONENBedienfeld. Skript-Navigator und Skripte-Register helfen Ihnen, schnell und sicher zwischen bestehenden Skripten hin und her zu wechseln. Nur fehlerfreier Code ist guter Code. Syntaxprüfung, trace()-Funktion und Debugger helfen, Fehler aufzuspüren und auszumerzen.

3.7

Fragen und Antworten

F: Ich habe bereits früher, mit Flash MX, ein wenig mit ActionScript programmiert. Damals musste ich das AKTIONEN-Bedienfeld immer explizit in den Entwicklermodus umschalten. Gibt es diesen Modus noch? A: Nein, die Trennung in Normal- und Entwicklermodus wurde mit der 2004-Version aufgehoben.

3.8

Übungen

1. Auf der Buch-CD finden Sie im Unterverzeichnis Kapitel03 die Filmdatei Filmsequenz.fla, die einen Fehler enthält: Der Film reagiert nicht wie gewünscht auf Mausklicks (das Fahrrad sollte ein- und ausgeblendet werden). Der Fehler ist nicht schwer zu finden, ein intensiver Blick auf den Ereignisbehandlungscode sollte eigentlich genügen. Trotzdem sollten Sie zur Übung systematisch vorgehen, und den Fehler mithilfe von trace()Anweisungen oder unter Verwendung des Debuggers aufspüren. Kontrol-

93

jetzt lerne ich

3 Die Programmierumgebung lieren Sie zuerst, ob der Ereignisbehandlungscode überhaupt ausgeführt wird. Wenn ja, prüfen Sie, wie sich der Wert der Eigenschaft _visible ändert.

94

Teil II 97

Kapitel 5 Programmieren mit Zahlen und Strings

137

Kapitel 6 Kontrollstrukturen

171

Kapitel 7 Arrays

203

Kapitel 8 Funktionen

227

Kapitel 9 Objekte und Klassen

251

Kapitel 10 Vordefinierte Klassen

291

ActionScript

Kapitel 4 Grundlagen der Datenverarbeitung

95

Grundlagen der Datenverarbeitung

jetzt lerne ich

KAPITEL 4

Egal, was Sie später mit ActionScript vorhaben, wozu Sie ActionScript-Code aufsetzen oder welche Ideen Sie mit ActionScript umsetzen wollen, fast immer werden Sie in Ihren Skripten irgendwelche Daten verarbeiten – beispielsweise einen auszugebenden Text, vom Webbesucher eingegebene Gewichts- und Größenangaben, aus denen Sie seinen Body Mass-Index berechnen wollen, ein Passwort oder auch Informationen über die aktuelle Position eines animierten Balls oder die Nummer des gerade angezeigten Bildes einer Filmsequenz. Welche Daten Sie im Einzelfall in Ihrem ActionScript-Code verarbeiten, hängt natürlich vom Zweck des Codes ab. Für praktisch alle Fälle gilt aber, dass Sie die Daten, Ergebnisse und Zwischenergebnisse irgendwo zwischenspeichern müssen. In diesem Kapitel wollen wir uns daher eingehend mit der Frage beschäftigen, wie Daten in ActionScript-Code verwaltet werden.

Im Einzelnen lernen Sie in diesem Kapitel – den Unterschied zwischen Variablen und Konstanten (Literalen) kennen, – wie man Variablen definiert und verwendet, – was Datentypen sind und welche elementaren Datentypen es in ActionScript gibt, – warum Sie Variablen nur mit Typangabe definieren sollten, – wie man den Datentyp eines Werts in einen anderen Datentyp umwandeln kann, – welche Gültigkeitsbereiche Variablen haben, – warum die automatische Variablendefinition von ActionScript für den Programmierer gefährlich werden kann.

97

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

4.1

Was sind Variablen?

Was machen Sie, wenn Sie sich irgendwelche Daten merken müssen, sich aber nicht allein auf Ihr Gedächtnis verlassen möchten. Sie nehmen sich einen Notizzettel, schreiben die Daten auf und heften den Notizzettel an den Kühlschrank oder eine Pinwand. Dort hängen dann Zettel mit dem nächsten Zahnarzttermin, der Telefonnummer des China-Restaurant-Heimservice, dem Tag des nächsten Flohmarkts und den zu erledigenden Einkäufen. Wenn Sie sich irgendwann Ente süß-sauer nach Hause liefern lassen möchten, kramen Sie den Zettel mit der Telefonnummer des China-Restaurant-Heimservice hervor; wenn der Zahnarzttermin verschoben wird, streichen Sie mit Erleichterung den alten Termin durch und schreiben den neuen Termin auf. Bei der Programmierung stehen uns natürlich keine Notizzettel zur Verfügung, es gibt aber einen komfortablen Ersatz: die so genannten Variablen.

4.1.1

Variablen versus Konstanten

Variablen findet man in praktisch jeder Programmiersprache, sei es nun ActionScript, JavaScript, C++, Java oder Perl. Sie dienen dazu, Daten zu repräsentieren, die sich im Laufe eines Programms verändern können. Das Pendant zu den Variablen sind die Konstanten, deren Wert sich nicht ändert.

Konstanten (Literale) Nehmen wir zum Beispiel die Zahl 12 oder den Text Hallo. Beides sind Werte, die für sich selbst stehen und sich nicht ändern. In der Programmierung bezeichnet man diese Art von Daten als Konstanten oder genauer noch als Literale.

1

98

Textdaten bezeichnet man in der Programmierung übrigens als Strings. Damit String-Literale, die ein Programm verarbeiten soll, klar von den Anweisungen des Programms unterschieden werden können, werden StringLiterale in doppelte Anführungszeichen eingefasst. Der Text Hallo würde in einem ActionScript-Quelltext also als "Hallo" geschrieben.

Was sind Variablen?

jetzt lerne ich

Variablen Daten, wie der Füllstand einer Fortschrittsanzeige, ein auszugebender Text oder die aktuelle Position eines hüpfenden Balls in einer Flash-Animation, können sich hingegen ändern und im Laufe der Zeit unterschiedliche Werte annehmen. Für diese Daten legt man im Programm Variablen an. Um die Variablen zu den einzelnen Daten auseinander halten zu können, gibt man den Variablen eindeutige Namen, beispielsweise fuellstand für die Variable, in der der Füllstand der Fortschrittsanzeige abgespeichert werden soll. In der Variablen fuellstand kann man dann den Wert (den Füllstand) abspeichern, aktualisieren oder bei Bedarf abfragen. Andere Daten stehen beim Aufsetzen der Flash-Animation und des zugehörigen Scriptcodes noch gar nicht fest, sondern werden erst bei Ausführung der Animation berechnet oder von außen eingelesen (aus einer Datei oder aus einem Eingabefeld, das vom Webbesucher ausgefüllt wird). Auch für diese Daten muss man Variablen definieren, in denen die berechneten oder eingelesenen Werte abgelegt werden. Als Einführung in den Gebrauch von Variablen wollen wir ein einfaches Bei- Beispiel spiel mit einem dynamischen Textfeld aufsetzen. 1. Beginnen Sie einen neuen Film (Befehl DATEI/NEU, Option FLASH-DOKUMENT). 2. Passen Sie die Größe des Films an (Befehl DOKUMENTEIGENSCHAFTEN im Kontextmenü der Bühne). 3. Nehmen Sie eine Schaltfläche in die Bühne auf. Wenn Sie möchten, können Sie zum Austesten des Beispiels wie in Kapitel 2.3.4 einen eigenen Schalter entwerfen. Es reicht aber auch, wenn Sie einen der Schalter aus der Standardbibliothek einfügen: – Lassen Sie die Bibliothek der Schaltflächen einblenden (Befehl FENSTER/ANDERE BEDIENFELDER/ALLGEMEINE BIBLIOTHEKEN/SCHALTFLÄCHEN). – Scrollen Sie in der Liste der Schaltflächen nach unten und ziehen Sie zum Beispiel eine Instanz des »gel right«-Schaltertyps (Kategorie PLAYBACK) in die Bühne. – Zentrieren Sie zum Schluss die Schaltfläche auf der Bühne. 4. Legen Sie über der Schaltfläche ein Textfeld mit folgendem Text an: »Konstanten repräsentieren unveränderliche Werte«.

99

jetzt lerne ich

4 Grundlagen der Datenverarbeitung

Abb. 4.1: Die Bühne

Wenn die Schaltfläche angeklickt wird, soll sich der Text im Textfeld ändern. Hierzu ist es erforderlich, den Typ des Textfelds von statisch in dynamisch umzuwandeln. 5. Markieren Sie das Textfeld auf der Bühne und wechseln Sie in den Eigenschafteninspektor. Im Listenfeld links oben wählen Sie die Option DYNAMISCHER TEXT aus. Daraufhin ändert sich die Zusammenstellung des Dialogfelds und es werden neue Optionen angezeigt. Wählen Sie im mittleren Listenfeld die Option MEHRZEILIG. Die interessanteste Option ist aber das Eingabefeld mit dem Titel VAR. Flash legt für das dynamische Textfeld eine Variable an, über die Sie per Scriptcode auf das Textfeld zugreifen können. Der Name, unter dem die Variable angelegt wird, können Sie hier angeben. Nennen Sie die Variable beispielsweise meinTextfeld. Abb. 4.2: Dynamisches Textfeld einrichten

100

Was sind Variablen?

jetzt lerne ich

Jetzt müssen Sie nur noch den Scriptcode aufsetzen, der beim Drücken der Schaltfläche den Text im Textfeld ändert. 6. Achten Sie darauf, dass die Schaltfläche auf der Bühne allein ausgewählt ist und wechseln Sie in das AKTIONEN-Bedienfeld. (Unter AKTUELLE AUSWAHL sollte der Symbolname der Schaltfläche »pill button« zu lesen sein.) 7. Fangen Sie das Loslassen-Ereignis (release) ab und weisen Sie im Block dieses Ereignisses der Textfeld-Variablen meinTextfeld den neuen Text "Variablen repräsentieren veränderliche Werte." zu. Abb. 4.3: Zuweisung eines neuen Textes an ein dynamisches Textfeld

8. Testen Sie den Film (Ÿ+Æ).

Abb. 4.4: Der Film vor und nach Drücken der Schaltfläche

101

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Das Beispiel demonstriert zwei wesentliche Punkte bezüglich der Arbeit mit Variablen: 쐽 Zuerst muss man die Variable definieren (Schritt 5). 쐽 Dann kann man mittels ActionScript-Code auf die Variable zugreifen (und den aktuellen Wert der Variablen abfragen oder ihr wie im Beispiel einen neuen Wert zuweisen, Schritt 7) Eine Besonderheit obigen Beispiels ist, dass die Variable nicht mittels ActionScript-Code, sondern über ein Flash-Dialogfeld definiert wird und dass der Flash-Interpreter die Variable automatisch mit dem Textfeld verbindet (d.h. Strings, die der Variablen zugewiesen werden, werden vom Interpreter in das Textfeld eingeblendet). Zwei Abschnitte weiter unten erfahren Sie, wie Sie eigene Variablen definieren, über deren Verwendung Sie ganz allein bestimmen.

4.1.2

Variablen und der Interpreter

Variablen bestehen aus drei Teilen: 쐽 dem Variablennamen, 쐽 einem Speicherbereich, 쐽 einem Wert. Um in einer Variablen einen Wert ablegen zu können, muss es irgendein Medium geben, in dem der Wert der Variablen festgehalten werden kann. Wären Variablen Notizzettel, wäre Papier das gesuchte Medium. Da ActionScript-Variablen aber in Computern existieren, scheidet Papier als Medium aus. Wo also werden die Werte der Variablen gespeichert? Natürlich im Arbeitsspeicher der Computer, genauer gesagt im Arbeitsspeicher des Computers, auf dem der ActionScript-Code ausgeführt wird. Rufen Sie sich noch einmal ins Gedächtnis, dass der ActionScript-Code, den wir aufsetzen, erst beim Abspielen des Flash-Films ausgeführt wird. Trifft der in den Flash-Player integrierte ActionScript-Interpreter dabei auf eine Variablendefinition, reserviert er im Arbeitsspeicher des Rechners einen passenden Speicherbereich und verbindet diesen mit der Variablen. Wird im ActionScript-Code der Wert der Variablen abgefragt, liest der Interpreter den aktuellen Wert, der im Speicherbereich der Variablen abgelegt ist, aus und liefert ihn zurück. Wird der Variablen ein neuer Wert zugewiesen, schreibt der Interpreter den neuen Wert in den Speicherbereich der Variablen (wobei der alte Wert gelöscht wird). Das Schöne daran ist, dass die gesamte Speicherverwaltung vom Interpreter übernommen wird. Als ActionScript-Programmierer brauchen Sie sich nicht weiter darum zu kümmern. Es steht einem Programmierer zwar immer gut

102

Eigene Variablen

jetzt lerne ich

an, wenn er weiß, dass hinter einer Variablen ein Speicherbereich steht, doch für die tägliche Programmierarbeit (zumindest bei der Programmierung mit ActionScript) genügt es zu wissen, dass Variablen über ihre Namen angesprochen werden. Dies hat auch Auswirkung auf die gängige Sprachregelung. Betrachten Sie zum Beispiel folgende Zuweisung: meinTextfeld = "Hallo!";

Für den Interpreter bedeutet diese Anweisung »Nehme die Zeichenfolge Hallo! und schreibe sie in den Speicherbereich, der für die Variable mit dem Namen meinTextfeld reserviert wurde.« Wir sagen dazu einfach: »Der Variablen meinTextfeld wird der String Hallo! zugewiesen.«

4.2

Eigene Variablen

In Abschnitt 4.1 haben Sie eine Variable für ein Textfeld definiert. Sie konnten, ja Sie mussten diese Variable über den Eigenschafteninspektor einrichten, denn nur so konnten Sie sicherstellen, dass die Variable mit dem Textfeld aus der Flash-Animation verbunden und der Wert der Variablen automatisch in dem Textfeld angezeigt wird. Diese automatische Verknüpfung der Variablen mit dem Textfeld ist ganz praktisch, wenn man via ActionScript-Code den Text in einem Textfeld verändern will. Für andere Zwecke ist eine solche Variable jedoch nicht zu gebrauchen. Stellen Sie sich vor, Sie möchten in einer Variablen festhalten, wie oft ein Webbesucher eine bestimmte Schaltfläche drückt oder wie das Ergebnis einer internen Berechnung lautet. Sicherlich werden Sie kein Interesse daran haben, dass diese Werte in einem Textfeld zu sehen sind. Aus diesem Grunde definiert man für solche Zwecke eigene Variablen.

4.2.1

Variablendefinition

In ActionScript werden Variablen mit dem Schlüsselwort var definiert: var groesse; var name; var x;

Beachten Sie, dass jede Variablendefinition mit einem Semikolon abgeschlossen wird. Dies gilt übrigens nicht nur für Variablendefinitionen, sondern für alle ActionScript-Anweisungen.

2 103

jetzt lerne ich

4 Grundlagen der Datenverarbeitung Hinter dem Variablennamen können Sie noch, eingeleitet mit einem Doppelpunkt, einen Datentyp anhängen. Der Datentyp gibt dann an, dass in dieser Variablen nur bestimmte Werte, beispielsweise Zahlen (Datentyp Number), Texte (Datentyp String) oder boolesche Wahrheitswerte (Datentyp Boolean) gespeichert werden können: var groesse :Number; var name :String; var x :Number;

Wir werden weiter unten noch genauer auf die Bedeutung des Datentyps eingehen.

2

Achtung, Programmierer! Die Typangabe ist lediglich ein Hinweis an den Compiler, im aktuellen Skript Zuweisungen von Werten anderer Datentypen zu unterbinden. Der tatsächliche Datentyp der Variable wird dadurch nicht festgelegt. Er richtet sich nach wie vor nach dem Wert in der Variable (siehe auch Abschnitt 4.3.6).

Kommentare Wenn Sie möchten, können Sie hinter den Variablendefinitionen einen Kommentar setzen, der die Bedeutung der Variablen näher beschreibt: var groesse :Number; // Groesse des Webbesuchers in cm var name :String; // Name des Webbesuchers var x :Number; // Hilfsvariable zum Abspeichern // der x-Koordinate der Maus

Die Zeichenfolge // teilt dem Interpreter mit, dass der Rest der Zeile ein Kommentar ist. Mehrzeilige Kommentare können Sie einfügen, indem Sie die einzelnen Zeilen mit // beginnen oder indem Sie den gesamten Kommentar in die Zeichenfolgen /* und */ einfassen.

1

Kommentare sind Erläuterungen, die der Programmierer einfügt, damit er oder ein anderer Programmierer sich bei späteren Überarbeitungen schneller in den Code einarbeiten kann. Der Interpreter ignoriert die Kommentare. Sie können auch mehrere Variablen hintereinander in einer Zeile definieren. In diesem Falle werden die Variablennamen durch Kommata voneinander getrennt. var groesse :Number, name :String, x :Number;

Sie sollten diese Schreibweise jedoch nur für Variablen verwenden, die bedeutungsgemäß zusammengehören, beispielsweise:

104

Eigene Variablen

jetzt lerne ich

var max_groesse :Number, min_groesse :Number, akt_groesse :Number; var vorname :String, nachname :String; var x :Number, y :Number;

Auf diese Weise sorgen Sie dafür, dass Ihr ActionScript-Code übersichtlich und leicht verständlich bleibt.

Eine Frage des Stils Als Programmierer müssen Sie immer daran denken, dass Programmcode nur in den allerseltensten Fällen für die Ewigkeit geschrieben wird. Irgendwann werden Sie den Code überarbeiten, erweitern oder in anderen Filmen wieder verwerten. Vielleicht geben Sie Film und Code auch an andere ActionScript-Programmierer weiter. Damit Sie selbst oder andere Programmierer sich in bestehenden Code leichter einarbeiten können, ist es wichtig, beim Aufsetzen des Codes alles zu tun, dass der Code übersichtlich und gut verständlich ist. Zum Schluss noch eine kleine Richtigstellung. Variablen müssen in ActionScript nicht mit dem Schlüsselwort var definiert werden. Variablen brauchen überhaupt nicht vorab definiert zu werden. Wenn Sie irgendwo eine Variable benötigen, müssen Sie sich im Grunde nur einen Namen für die Variable ausdenken und über diesen Namen auf die Variable zugreifen. Der Interpreter wird dann bei Ausführung des Codes automatisch die Variable erzeugen. Allerdings trägt dies nicht gerade zur Lesbarkeit und Verständlichkeit des Codes bei. Wir werden es daher in diesem Buch so halten, dass wir alle unsere Variablen vorab definieren. Im Programmierjargon bezeichnet man dies übrigens als Variablendeklaration, weil man die Variable vor ihrer Verwendung beim Interpreter bekannt macht (deklariert).

4.2.2

Werte zuweisen und abfragen

Nachdem Sie eine oder mehrere Variablen definiert haben, stellt sich die Frage, was Sie mit den Variablen anfangen können.

Werte zuweisen Wie man einer Variablen einen Wert zuweist, haben Sie bereits im Beispiel aus Abschnitt 4.1 gesehen. Der Variablen wird der neue Wert einfach mithilfe des =-Operators zugewiesen: preis = 99.95; firma = "TS Electronics";

105

jetzt lerne ich

4 Grundlagen der Datenverarbeitung Die Syntax ist nicht schwierig: Links steht die Variable, der ein neuer Wert zugewiesen wird. Dann folgt der =-Operator. Rechts des =-Operators steht der neue Wert. Abschlossen wird die Zeile mit einem Semikolon.

1

Warum ich vom =-Operator spreche und nicht einfach vom Gleichheitszeichen? Nun, der =-Operator wird zwar durch das Gleichheitszeichen symbolisiert, doch sollte man den Begriff der Gleichheit in Zusammenhang mit dem =-Operator vermeiden. Der =-Operator ist ein Zuweisungsoperator, er legt den Wert der rechten Seite in der Variablen auf seiner linken Seite ab. Von Gleichheit spricht man in der Programmierung üblicherweise nur dann, wenn man Werte vergleicht – wenn man also beispielsweise prüfen möchte, ob der Wert der Variablen var1 gleich dem Wert der Variablen var2 ist. Auch hierfür gibt es Operatoren (siehe Kapitel 6.2), die wir aber nicht mit dem Zuweisungsoperator verwechseln dürfen. Statt eines einzelnen Wertes kann auf der rechten Seite des Zuweisungsoperators auch ein Ausdruck stehen, den der Interpreter zu einem einzelnen Wert berechnen kann. preis = 99.95 + 12.75;

In so einem Fall berechnet der Interpreter zuerst den Ausdruck auf der rechten Seite (99.95 + 12.75 ergibt 112.7). Das Ergebnis der Berechnung weist er als neuen Wert der Variablen preis zu. Die Variable hat danach also den Wert 112.7.

Variablen initialisieren Wenn Sie wollen, können Sie Ihren Variablen bereits bei der Deklaration einen Anfangswert zuweisen. Man bezeichnet dies als Initialisierung: var meineZahl :Number = 12; var meinString :String = "";

// leerer String

Sie müssen nicht jede Variable initialisieren. Wenn es jedoch für eine Variable einen sinnvollen Anfangswert gibt, sollten Sie die Variable auch mit diesem Wert initialisieren. Wenn Sie beispielsweise eine Zählervariable definieren, die mitzählen soll, wie oft eine bestimmte Schaltfläche gedrückt wurde, ist es am übersichtlichsten, wenn Sie die Zählervariable gleich mit dem Wert 0 initialisieren und später bei jedem Drücken der Schaltfläche den Wert der Zählervariablen um eins erhöhen. Variablen, die Sie nicht initialisieren, haben anfänglich den Wert undefined (siehe Abschnitt 4.3.4).

106

Eigene Variablen

Für Leser, die bereits Erfahrungen in einer anderen Programmiersprache wie C++ oder Java haben, sei angemerkt, dass die Initialisierung in ActionScript wie eine normale Zuweisung behandelt wird. Wenn Sie also eine Variable in einem Bild initialisieren, das mithilfe von gotoAndPlay() mehrfach abgespielt wird, wird die Variable bei jedem Abspielen des Bildes neu initialisiert. (Wohingegen die reine Variablendeklaration, inklusive Zuweisung des Werts undefined, nicht wiederholt ausgeführt wird.)

jetzt lerne ich

5

Werte abfragen Einen Wert in einer Variablen abzuspeichern, ist natürlich nur dann interessant, wenn Sie den Wert der Variablen später noch einmal abfragen – beispielsweise um den Wert einer anderen Variablen zuzuweisen oder um ihn in die Berechnung einer Formel einfließen zu lassen. var ersteZahl:Number = 1; var zweiteZahl:Number = 2; ersteZahl = zweiteZahl;

Hier wird der Variablen ersteZahl der Wert der Variablen zweiteZahl zugewiesen. Danach enthalten beide Variablen den Wert 2. Obwohl es in der Programmierung relativ häufig vorkommt, dass man einer Variablen den Wert einer anderen Variablen zuweist, ist es meist interessanter, wenn auf der Grundlage des einen Wertes ein neuer Wert berechnet wird. Beispielsweise könnte in einer Variablen preis der Gesamtwert einer OnlineBestellung gespeichert sein. Um die in dem Gesamtpreis enthaltene Mehrwertsteuer zu berechnen, könnten Sie schreiben: var gesamtpreis :Number; var mwst :Number; ... mwst = gesamtpreis * 0.16;

Hier wird der Wert der Variablen gesamtpreis mithilfe des Multiplikationsoperators * mit dem Faktor 0.16 multipliziert und das Ergebnis in mwst gespeichert. Beachten Sie, dass der Wert der Variablen gesamtpreis dabei nicht verändert wird. Er wird lediglich abgefragt und fließt in die Berechnung ein. Auf die gleiche Weise kann man auch kompliziertere Formeln wie zum Beispiel den Body Mass-Index berechnen. var gewicht :Number; var groesse :Number; var bodyMassIndex :Number; bodyMassIndex = gewicht / (groesse/100 * groesse/100);

107

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

0

Wenn Ihnen die eine oder andere Berechnung zu komplex wird, können Sie diese auch auf mehrere Anweisungen verteilen und Zwischenergebnisse in Hilfsvariablen speichern: var var var var

gewicht :Number; groesse :Number; bodyMassIndex :Number; divisor :Number;

divisor = groesse/100 * groesse/100; bodyMassIndex = gewicht / divisor;

4.2.3

Werte einlesen und ausgeben

Woher kommen die Daten, die Sie den Variablen als Werte zuweisen? Im einfachsten Fall sind es konstante Werte (Literale): meineVar = 3;

Oder Sie rufen eine Funktion oder Methode auf, die einen Ergebniswert zurückliefert: meineVar = Math.sin(winkel);

Oder Sie fragen die Eigenschaft einer Filmsequenzinstanz ab, beispielsweise die x-Koordinate eines Rades, das den Namen rad1 trägt: akt_x = rad1._x;

Manchmal möchten Sie aber auch Werte direkt vom Besucher Ihrer Webseite abfragen. Dies geht nur über ein Eingabetextfeld.

Werte vom Besucher abfragen Angenommen, Sie wollen die Besucher Ihres Webs mit einem personalisierten Gruß willkommen heißen. Zu diesem Zweck schalten Sie der Begrüßung ein Bild mit einem Eingabefeld vor, in das der Besucher seinen Namen eintragen kann. Eingabefelder sind in Flash Textfelder (gezeichnet mit dem Textwerkzeug), deren Inhalt der Besucher verändern kann. Damit der Besucher weiß, welche Art von Daten er in ein Eingabefeld eintippen soll, ordnet man diesem üblicherweise eine Beschriftung in Form eines statischen Textfelds bei. Zum Abschicken der Eingaben dient eine Schaltfläche (wer möchte kann eine zweite Schaltfläche zum Löschen der bisherigen Eingaben zur Verfügung stellen). Die gesamte Kombination aus Eingabefeldern, Beschriftungen und Schaltfläche(n) bezeichnet man als Formular. Stellen Sie nun das Formular aus Abbildung 4.5 nach. (Die verwendete Schaltfläche ist ein »Circle Button«.)

108

Eigene Variablen

jetzt lerne ich

Abb. 4.5: Formular zum Abfragen eines Namens

1. Beginnen Sie einen neuen Film (Befehl DATEI/NEU, Option FLASH-DOKUMENT). 2. Arrangieren Sie im ersten Bild ein Eingabefeld, ein Textfeld zu dessen Beschriftung und eine Schaltfläche. Für das Eingabefeld wechseln Sie direkt nach dem Einfügen (mithilfe des Textwerkzeugs) in den Eigenschafteninspektor und wählen im ersten Listenfeld den Textfeldtyp EINGABETEXT. Stellen Sie des Weiteren die Option EINZEILIG ein und drücken Sie das RAHMEN-Icon. (Letzteres ist wichtig, damit das Eingabefeld überhaupt vor dem weißen Hintergrund der Bühne sichtbar wird). Geben Sie einen Namen für die Textfeld-Variable an, beispielsweise nameFeld. Abb. 4.6: Konfiguration des Eingabefelds

109

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

3. Bearbeiten Sie das release-Ereignis der Schaltfläche. Als Antwort auf das Drücken und Loslassen der Schaltfläche soll die Eingabe aus dem Eingabefeld nameFeld in einer Variablen zwischengespeichert werden. on (release) { var name :String; name = nameFeld; }

Grundsätzlich ist es nicht notwendig, dass Sie die Eingabe aus der Textfeld-Variablen in eine selbst definierte Variable kopieren. Sie könnten auch direkt mit der Textfeld-Variablen weiterarbeiten. Beachten Sie jedoch, dass die Textfeld-Variable immer noch mit dem Eingabefeld verbunden ist. Wann immer der Besucher den Inhalt des Eingabefelds verändert, ändert sich auch der Inhalt der zugehörigen Textfeld-Variablen – die Schaltfläche muss dafür nicht gedrückt werden. Wenn Sie sicherstellen wollen, dass Sie nur Eingaben verarbeiten, die durch Drücken der Schaltfläche abgesegnet sind, empfiehlt es sich, den Inhalt des Eingabefelds in einer eigenen Variablen abzuspeichern. Eine selbst definierte Variable hat zudem den Vorteil, dass Sie die Eingaben bei der Weiterverarbeitung ändern und gegebenenfalls wieder in der Variablen abspeichern können, ohne dass die Änderungen im Eingabefeld sichtbar werden. Die eingelesenen Daten können Sie im Skriptcode beliebig weiterverarbeiten. Zur Fortsetzung unseres Beispiels werden Sie im nächsten Abschnitt den eingelesenen Namen in eine Grußformel einbauen und diese ausgeben.

Werte ausgeben Um die Werte von Variablen in einen Flash-Film auszugeben, bedient man sich dynamischer Textfelder. Diese werden wie Texteingabefelder mit einer Variablen verbunden, über die man den Inhalt des Felds (seinen Text) abfragen oder neu setzen kann. Sie haben diese Technik bereits in der Einführung von Abschnitt 4.1 kennen gelernt. Mithilfe eines dynamischen Textfelds werden wir nun das im letzten Abschnitt begonnene Beispiel vervollständigen, sodass beim Drücken der Schaltfläche der Film zu einem zweiten Schlüsselbild springt, in dem der Besucher persönlich begrüßt wird. 1. Legen Sie ein zweites Schlüsselbild an. 2. Fügen Sie in das Schlüsselbild ein dynamisches Textfeld ein. Um das Textfeld in ein dynamisches Textfeld zu verwandeln, wählen Sie im Eigenschafteninspektor die Option DYNAMISCHER TEXT aus und geben Sie einen Namen für die zugehörige Textfeld-Variable an, beispielsweise grussFeld.

110

Eigene Variablen

jetzt lerne ich

Wenn Sie möchten, können Sie auch einen Text in das Textfeld eingeben. Dies erleichtert das Aufspüren des Textfelds, wenn Sie nachträglich am Textfeld oder am Bildaufbau etwas korrigieren (beispielsweise das Textfeld zentrieren) wollen. Bei Ausführung des Films wird dieser Text nie zu sehen sein, weil er vor dem Abspielen des Bildes per ActionScript durch den eigentlichen Gruß ersetzt wird. Abb. 4.7: Einrichtung des zweiten Schlüsselbilds

Wenn Sie den Film jetzt abspielen, werden Formular und Begrüßung in einer Endlosschleife immer wieder angezeigt. Um dies zu ändern, müssen Sie stop()-Befehle in die beiden Schlüsselbilder setzen. 3. Legen Sie eine neue Ebene für den ActionScript-Code an. 4. Markieren Sie in der Skriptebene das erste Schlüsselbild und fügen Sie über das AKTIONEN-Bedienfeld einen stop()-Aufruf in das Bild ein: stop();

Der Aufruf verhindert, dass der Film nach dem Anzeigen des Bildes automatisch weiter abläuft. 5. Fügen Sie einen weiteren stop()-Aufruf in das zweite Schlüsselbild ein, um zu verhindern, dass der Film in einer Endlosschleife abgespielt wird. Jetzt müssen Sie noch den Behandlungscode für das release-Ereignis der Schaltfläche erweitern.

111

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

6. Wechseln Sie zurück ins erste Schlüsselbild und laden Sie den Code für die Schaltfläche in das AKTIONEN-Bedienfeld. 7. Weisen Sie der Textfeld-Variablen grussFeld den Begrüßungstext zu und rufen Sie die Methode gotoAndPlay() auf, um zum nächsten Schlüsselbild zu springen. on (release) { var name :String; name = nameFeld; grussFeld = "Hallo " + name + "!"; gotoAndPlay(5); }

8. Testen Sie den Film (Ÿ+Æ). Abb. 4.8: Der fertige Film

Der Code für das release-Ereignis enthält einige Anweisungen, die Ihnen unverständlich sein könnten. grussFeld = "Hallo " + name + "!";

Hier wird der auszugebende Gruß mithilfe des +-Operators aus zwei String-Literalen ("Hallo " und "!") und dem Inhalt der Variablen name zusammengesetzt. Dies ist einigermaßen erstaunlich, denn der +-Operator ist doch eigentlich – wie im Abschnitt 4.2.2, Unterabschnitt »Werte zuweisen«, zu sehen war – dafür gedacht, Zahlen zu addieren. Tatsächlich kann der +-Operator beides.

112

Eigene Variablen

jetzt lerne ich

Wird er für Strings aufgerufen, hängt er diese aneinander, wird er für Zahlen aufgerufen, addiert er diese. Die aneinander gehängten Strings werden in der Textfeld-Variablen grussFeld abgelegt. Wenn der Film in der nächsten Zeile mit gotoAndPlay(5);

zum zweiten Schlüsselbild geschickt wird, steht in dem dynamischen Textfeld dieses Bildes also bereits der personalisierte Gruß. (In dem von mir erstellten Beispiel liegen zwischen den beiden Schlüsselbildern drei einfache Bilder, sodass das zweite Schlüsselbild Bild Nummer 5 ist. Die zwischengeschalteten Bilder erfüllen keinen besonderen Zweck, sie dienen lediglich als Abstandshalter.)

4.2.4

Regeln für die Namensgebung

In der Wahl Ihrer Variablennamen (wie auch anderer Bezeichner, beispielsweise Funktionen- oder Klassennamen, siehe nachfolgende Kapitel) sind Sie gänzlich frei, solange Sie sich an folgende Regeln halten: 쐽 Erlaubt sind Groß- und Kleinbuchstaben, die Ziffern von 0 bis 9, das Dollarzeichen und der Unterstrich _. (Leerzeichen, Punkte oder gar Umlaute oder andere Sonderzeichen sind nicht erlaubt.) 쐽 Das erste Zeichen muss ein Buchstabe oder ein Unterstrich sein. Weiterhin dürfen Sie keines der in ActionScript definierten Schlüsselwörter als Bezeichner verwenden. break

case

class

continue

default extends

delete

dynamic

else

for

function

get

if

implements

import

in

instanceof

interface

intrinsic

new

private

public

return

set

static

switch

this

typeof

var

void

while

with

Tabelle 4.1: Schlüsselwörter von ActionScript

Außerdem sollten Sie beachten, dass ActionScript streng zwischen Groß- und Kleinschreibung unterscheidet (was bedeutet, dass summe und Summe zwei vollkommen unabhängige Variablen bezeichnen) und dass Sie Variablennamen möglichst so wählen sollten, dass Sie aus dem Namen auf die Verwendung/ den Inhalt der Variablen schließen können.

113

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Daten und Informationen Der Variablenname dient nicht nur zur Identifizierung der Variablen, er sorgt auch dafür, dass aus beliebigen Daten sinnvolle Informationen werden. Nehmen Sie die Zahl 32. Für sich genommen, ist diese Zahl ohne jede Aussagekraft, ihr Informationswert ist gleich Null. Wenn Sie aber angeben, dass 32 das Alter einer Person oder der Preis einer CD ist, wird daraus eine Information. In der Programmierung geschieht dies dadurch, dass Sie den Variablen aussagekräftige Namen geben, anhand deren man auf die Bedeutung der in den Variablen abgelegten Werte schließen kann: var mindestalter :Number = 18; var groesse :Number;

Nomen est omen. Wenn Sie einer Variablen den Namen groesse geben, sollten Sie auch nur Größenangaben in der Variablen ablegen. ActionScript stört es nicht, wenn Sie in einer Variablen groesse zwischendurch einmal eine Altersangabe oder den Titel eines Kinofilms speichern. Wenn Sie aber später in die Verlegenheit geraten sollten, Ihren eigenen Code überarbeiten zu müssen, werden Sie wohl kaum verstehen, was es bedeutet, dass der Variablen groesse der Filmtitel "Dead man walking" zugewiesen wurde. Man kann es mit den Variablennamen aber auch übertreiben. Wenn Sie in einer Variablen die Größe des Webbesuchers in Zentimeter abspeichern wollen, ist es nicht unbedingt erforderlich, dass Sie die Variable groesse_in_cm nennen. Sofern es im Programm keine weiteren Variablen für Größenangaben gibt, reicht es, wenn Sie die Variable einfach groesse nennen. Dass die Größenangabe in Zentimeter erfolgt, können Sie bei der Variablendeklaration in Form eines Kommentars anmerken: var groesse :Number;

// in cm

Manchmal benötigt man bei der Lösung eines Problems Hilfsvariablen, für die sich nur schwer sinnvolle Namen finden lassen. Für diese werden dann meist Kurznamen wie i, j, n oder tmp verwendet.

4.3

Datentypen

Daten sind nicht gleich Daten. Nehmen Sie zum Beispiel die Daten 12 und "Hallo". Sicherlich werden Sie mir zustimmen, dass wir es hier mit ganz unterschiedlichen Typen von Daten zu tun haben: 12 ist eine Zahl, "Hallo" ist eine Folge von Zeichen, in der Programmierung kurz als String bezeichnet. Auch ActionScript trifft diese Unterscheidung, ja es differenziert sogar zwischen fünf so genannten elementaren Datentypen.

114

Datentypen

Datentyp

Typangabe in Definition

Beschreibung

Zahlen

Number

Datentyp für Zahlen.

Strings

String

Datentyp für Zeichenfolgen (Text)

Wahrheitswerte

Boolean

Datentyp für Wahrheitswerte.

jetzt lerne ich

Tabelle 4.2: Die elementaren ActionScript-Datentypen

Es gibt nur zwei erlaubte Werte, für die die Schlüsselwörter true (wahr) und false (falsch) definiert sind. undefined

Variablen, die definiert sind, denen aber noch kein Wert zugewiesen wurde, haben automatisch den Wert undefined, der überdies einen eigenen Datentyp darstellt.

null

Auch dieser Datentyp enthält nur einen einzigen Wert: null. Programmierer können ihren Variablen diesen Wert zuweisen, wenn Sie anzeigen wollen, dass diese Variable im Moment keinen vernünftigen Wert enthält.

Jeder dieser Datentypen verfügt über einen eigenen Wertebereich, eigene Schreibweisen für seine Literale (konstante Wertangaben), eigene Einsatzgebiete und eigene Möglichkeiten zur Manipulation seiner Werte. Es lohnt sich daher, die einzelnen elementaren Datentypen etwas genauer unter die Lupe zu nehmen.

4.3.1

Die Zahlen

Variablen für Zahlen definieren Sie mit der Typangabe Number: var eineZahl :Number;

Intern bezeichnet ActionScript den Datentyp für die Zahlen mit dem String "number". Der Datentyp für die Zahlen umfasst 쐽 ganzzahlige Zahlenwerte wie 3, 100043 oder -14, die im Programmierjargon auch als Integer-Zahlen bezeichnet werden, sowie 쐽 Zahlen mit Nachkommastellen wie 65.234 oder 0.4, die im Programmierjargon auch als Gleitkommazahlen bezeichnet werden. (Beachten Sie, dass der Punkt hier zur Abtrennung der Nachkommastellen und nicht wie im Deutschen üblich zur Kennzeichnung der Tausenderstellen dient.) Mit Zahlenwerten und Variablen, die Zahlen enthalten, können Sie 쐽 zählen (wie oft wurde eine bestimmte Schaltfläche gedrückt, wie viele Marsmännchen-Instanzen gibt es auf der Bühne),

115

jetzt lerne ich

4 Grundlagen der Datenverarbeitung 쐽 rechnen (wie groß ist der Umfang eines Kreises mit Radius 2.5) und 쐽 numerische Werte bearbeiten (beispielsweise die x,y-Koordinaten einer Symbolinstanz abfragen oder ändern). Die Zahlen, mit denen Sie arbeiten, dürfen aber nicht beliebig groß oder klein werden. Vom Betrag her dürfen die Zahlen nicht größer als 1.7 × 10308 werden. Eine 2 mit 309 nachfolgenden Nullen kann von ActionScript also nicht mehr verarbeitet werden. Das ist schade, aber nicht wirklich tragisch. Ebenfalls mehr theoretischer Art ist die Einschränkung, dass die kleinste positive Zahl gleich 5 × 10-324 ist.

Zahlen-Literale Wenn Sie Zahlenwerte als Literale in Ihrem Skriptcode angeben, müssen Sie auf die korrekte Schreibweise achten, damit der Interpreter die Zahl als solche erkennt und korrekt verarbeitet. Ganzzahlen oder Integer schreibt man wie normale Zahlen. meineVar = 8098;

Bei Bedarf können Sie die Werte auch als Hexadezimalzahlen angeben. Um dem Interpreter anzuzeigen, dass die folgende Zahl eine Hexadezimalzahl ist, stellen Sie dem Zahlenwert das Präfix 0x voran. meineVar = 0x1FA2;

// entspricht dezimal 8098

Hexadezimalzahlen Hexadezimalzahlen sind Zahlen zur Basis 16. Da wir gewohnt sind, im Dezimalsystem zu rechnen und gar keine speziellen Ziffern für die Werte 10 bis 15 haben (die im Dezimalsystem ja bereits zwei Stellen belegen), verwendet man zur Kennzeichnung dieser Werte die Buchstaben A ( = 10) bis F ( = 15). Die Hexadezimalzahl A2F entspricht demnach dem Wert 10 ∗ 162 + 2 ∗ 161 + 15 ∗ 160 = 2560 + 32 + 15 = 2607. Gleitkommazahlen schreibt man mit einem Punkt zwischen den Vorkommaund Nachkommstellen. meineVar = 3.141592653;

Das ist für uns Deutsche etwas verwirrend und eine stete Fehlerquelle, denn wir verwenden zur Abtrennung der Nachkommastellen ja an sich das Komma. Im Amerikanischen und Englischen verwendet man dagegen den Punkt zur Abtrennung der Nachkommastellen (und das Komma zur Kennzeichnung der Tausenderstellen), und daher wird in praktisch allen Programmiersprachen der Punkt zur Abtrennung der Nachkommstellen verwendet. Punktum.

116

Datentypen

jetzt lerne ich

Alternativ können Sie Gleitkommazahlen auch in der Exponentialschreibweise angeben. meineVar = 3.141592653e0; meineVar = 3.14e3;

// = 3.141592653 // = 3140

Exponentialschreibweise Der Buchstabe e wird in Gleitkommazahlen zur Kennzeichnung eines nachfolgenden Exponenten zur Basis 10 verwendet. 3.14e3 bedeutet als 3.14 * 103 und nicht etwa 3.14 * e3 (mit e gleich der Eulerschen Zahl).

Operatoren und mathematische Funktionen Damit Sie in ActionScript mit Zahlen auf die gleiche Weise rechnen können, wie Sie es von der Mathematik her gewohnt sind, stellt ActionScript passende Operatoren für die Grundrechenarten zur Verfügung. Hinzu kommen Operatoren zum Vergleichen von Zahlen sowie spezielle Operatoren zur Erhöhung bzw. Verminderung des aktuellen Werts um Eins. Ergänzt werden die Operatoren durch eine Reihe von vordefinierten Funktionen, die wichtige mathematische Funktionen wie die Wurzel oder den Sinus einer Zahl berechnen. In Kapitel 5 werden Sie die Operatoren und vordefinierten Methoden zur Programmierung mit Zahlen näher kennen lernen.

4.3.2

Die Strings

Variablen für Strings definieren Sie mit der Typangabe String: var einText :String;

Intern bezeichnet ActionScript den Datentyp für Strings als "string". Strings sind Folgen aus Textzeichen – beispielsweise: "Hallo, ich bin ein String" "Vorsicht!" "ksg%&df.." "a" // String aus einem einzelnen Zeichen "" // leerer String

String-Literale String-Literale werden in doppelte oder in einfache Anführungszeichen gefasst. var meinString:String = "Hallo, Dirk!";

117

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

oder var meinString:String = 'Hallo, Dirk!'; ActionScript Theoretisch können Sie in Strings alle erdenklichen Zeichen verwenden. In unterstützt der Praxis stehen Sie aber in der Regel vor dem Problem, dass Sie nur eine Unicode sehr begrenzte Auswahl an Zeichen über die Tastatur eintippen können.

Angenommen, Sie möchten einen Flash-Film über Småland in Schweden erstellen. In den Texten eines solchen Films werden auch Zeichen wie å, æ oder ø vorkommen. Es stellt sich also die Frage, wie Sie diese Zeichen in Ihre Textfelder (bei der Arbeit in der Bühne) und Ihre String-Literale (bei der Arbeit im AKTIONEN-Bedienfeld) einfügen. Um ein Sonderzeichen in den Text eines Textfelds einzutippen, 1. Drücken Sie die Ç-Taste. 2. Tippen Sie über den numerischen Tastaturblock den dezimalen Code des Zeichens ein – beispielsweise 0229 für das å-Zeichen (siehe Zeichentabellen im Anhang). Um ein Sonderzeichen in ein String-Literal einzufügen, können Sie 쐽 entweder wie oben beschrieben vorgehen 쐽 oder Sie fügen die Escape-Sequenz \u mit dem hexadezimalen UnicodeCode des Zeichens (00E5 für å , siehe Anhang) in den String ein: u1 = "Mein Sm\u00E5land";

Escape-Sequenzen Mithilfe des Escape-Zeichens \ können Sie 쐽 Zeichen, die für den Interpreter eine besondere Bedeutung haben (" oder \), in Strings als einfache Textzeichen kennzeichnen (\" oder \\), 쐽 bestimmte Sonderzeichen in einen Text einfügen (beispielsweise \t zum Einfügen eines Tabulators). Tabelle 4.3: Escape-Sequenz Die EscapeSequenzen \'

Einfaches Anführungszeichen

\"

Doppeltes Anführungszeichen

\\

Backslash

\b

Rückschritt-Taste

\f

Seitenvorschub

\n

Neue Zeile (Zeilenumbruch)

118

Beschreibung

Datentypen

Escape-Sequenz

Beschreibung

\t

Horizontaler Tabulator

\u

Unicode-kodiertes Zeichen

jetzt lerne ich

Tabelle 4.3: Die EscapeSequenzen (Forts.)

Um beispielsweise doppelte Anführungszeichen in einem String zu verwenden, brauchen Sie den Anführungszeichen im String lediglich das Escape-Zeichen \ voranstellen: "Der Pfarrer sprach: \"Der Tod ist der Sünde Sold.\""

Mithilfe der Escape-Sequenzen \n und \t können Sie Textausgaben übersichtlicher gestalten. Abb. 4.9: Zeilenumbrüche und Tabulatoren in Textausgaben

So erzeugt der folgende Code ... tf = "Die Gewinner sind: \n\n\tA. Anders \n\tB.Barsch \n\tC.Collins";

... die Ausgabe aus Abbildung 4.9. (tf ist der Name des mehrzeiligen, dynamischen Textfelds, in dem der Text angezeigt wird.)

Zeilenumbrüche im ActionScript-Code String-Literale dürfen nicht über mehrere Zeilen reichen. Wenn Sie also in ein mehrzeiliges Textfeld zwei Zeilen ausgeben möchten, können Sie nicht schreiben: textfeld = "Die erste Zeile. Die zweite Zeile."

Der Interpreter sieht darin ein nicht abgeschlossenes String-Literal. Stattdessen müssen Sie den Umbruch mit \n erzeugen: textfeld = "Die erste Zeile.\nDie zweite Zeile."

119

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Dies erzeugt die gewünschte Ausgabe, sieht im Quellcode aber sehr unübersichtlich aus. Damit der Quellcode ähnlich aussieht, wie die erzeugte Ausgabe, können Sie den auszugebenden String in zwei String-Literale aufteilen und diese mit dem +-Operator wieder zusammenfügen: textfeld = "Die erste Zeile.\n" + "Die zweite Zeile."

Operatoren und String-Funktionen Für Strings gibt es Operatoren zum Vergleichen und den +-Operator zum Aneinanderhängen von Strings. Ergänzt werden die Operatoren durch eine Reihe von vordefinierten StringMethoden, mit denen Sie in Strings suchen, Teilstrings extrahieren oder einzelne Zeichen in Strings manipulieren können. In Kapitel 5.6 werden Sie die Operatoren und Methoden zur Programmierung mit Strings näher kennen lernen.

4.3.3

Die booleschen Wahrheitswerte

Variablen für Wahrheitswerte definieren Sie mit der Typangabe Boolean: var option :Booelan;

Intern bezeichnet ActionScript den Datentyp für boolesche Wahrheitswerte als "boolean". Es gibt nur zwei boolesche Wahrheitswerte: true (wahr) und false (falsch). Für Wahrheitswerte gibt es bei der Programmierung zwei wichtige Einsatzbereiche: 쐽 Vergleiche 쐽 Schaltvariablen

Vergleiche Wenn Sie mithilfe der entsprechenden ActionScript-Operatoren zwei Werte oder Variablen vergleichen... meinAlter < seinAlter

... ist das Ergebnis immer ein boolescher Wahrheitswert – sprich true, falls der Vergleich wahr ergibt (ja, meinAlter ist kleiner als seinAlter), oder false, falls der Vergleich falsch ergibt (nein, meinAlter ist kleiner als seinAlter). Mehr zu Vergleichen erfahren Sie in Kapitel 6.2.

120

Datentypen

jetzt lerne ich

Schaltvariablen Schaltvariablen haben nichts mit Schaltflächen zu tun, es sind vielmehr Variablen, die wie ein Lichtschalter nur zwei Zustände (Werte) haben: »an« und »aus« beziehungsweise eben true und false. Eine solche Schaltvariable ist zum Beispiel die Filmsequenzeigenschaft _visible, die festlegt, ob die zugehörige Filmsequenzinstanz sichtbar ist oder nicht. Wenn Sie der _visibleEigenschaft einer Filmsequenzinstanz den Wert false zuweisen, wird die Instanz im Film unsichtbar, wenn Sie der Eigenschaft den Wert true zuweisen, wird sie wieder sichtbar. rad1._visible = false;

4.3.4

// die Instanz rad1 verbergen

Die Datentypen undefined und null

Der Datentyp undefined hat nur einen einzigen Wert: undefined. Dieser Wert wird Variablen zugewiesen, die nicht bei der Deklaration initialisiert werden. Wenn Sie also eine Variable meineVar deklarieren: var meineVar :Number;

... so hat diese anfänglich den Wert und Datentyp undefined – so lange, bis Sie ihr explizit einen Number-Wert zuweisen. Das Ganze hat auch einen Sinn: Es erlaubt uns, zu testen, ob einer Variablen schon ein Wert zugewiesen wurde oder nicht. Nichts ist nämlich unerfreulicher, als den Wert einer Variablen zu verwenden, die keinen sinnvollen Wert enthält. Angenommen, Sie haben einen Film mit drei Bildern. Im ersten Bild definieren Sie die Variable alter. Im zweiten Bild kann der Betrachter sein Alter in ein Eingabefeld eingeben. Drückt er die zugehörige Schaltfläche wird seine Eingabe in alter gespeichert. Er ist aber nicht gezwungen, sein Alter einzugeben. Im dritten Bild greifen Sie auf die Variable alter zu, um den Wert in irgendeiner Weise zu verarbeiten. Doch wie, wenn die Schaltfläche im zweiten Bild nicht gedrückt und der Variablen noch gar kein Wert zugewiesen wurde? Dann scheitert der Code, der den Wert der Variablen verarbeiten soll. In solchen Fällen, wo Sie nicht sicher sein können, ob einer deklarierten Variablen bereits ein Wert zugewiesen wurde, sollten Sie mithilfe einer if-Bedingung (siehe Kapitel 6.1) testen, ob der Wert der Variablen ungleich undefined ist: if (alter != undefined) { // Variable hat einen Wert, also verarbeite ihn }

Der Datentyp null ist die Ergänzung zu undefined und besitzt ebenfalls nur einen Wert: null.

121

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Den Wert null weist man Variablen zu, für die es aktuell keinen sinnvollen Wert gibt. meineVar = null;

An kritischen Stellen können Sie dann prüfen, ob der Wert der Variablen ungleich null ist if (alter != null) { // Variable hat einen sinnvollen Wert, also weiter }

4.3.5

Die zusammengesetzten Datentypen

Bei den vorangehenden Datentypen handelte es sich ausnahmslos um so genannte elementare oder einfache Datentypen, deren Variablen immer genau einen Wert (eine Zahl, einen String, einen Wahrheitswert) beinhalten. Daneben gibt es in ActionScript zusammengesetzte Datentypen, deren Variablen keine einzelnen Werte, sondern komplexere Gebilde repräsentieren – beispielsweise: 쐽 Arrays (siehe Kapitel 7), 쐽 Objekte (siehe Kapitel 9), 쐽 Filmsequenzen (siehe Kapitel 14) Hinter all diesen Gebilden steht seit Flash MX 2004 das Konzept der Klasse, auf das Kapitel 9 näher eingehen wird.

4.3.6

Strikte und schwache Typisierung in ActionScript

ActionScript 2.0 Seit Flash MX 2004 liegt ActionScript in einer überarbeiteten Version vor: und 2.0. ActionScript 2.0 unterscheidet sich von ActionScript 1.0 in zwei wesentActionScript 1.0 lichen Punkten:

쐽 einem wesentlich leistungsfähigerem Objektmodell 쐽 der Möglichkeit, Variablen zu typisieren Ob Sie das Angebot des neuen Objektmodells nutzen wollen, bleibt Ihnen überlassen. (Das neue Objektmodell zielt auf den professionellen High-EndBereich der ActionScript-Programmierung ab.) Die Möglichkeit der Typisierung sollten Sie dagegen auf jeden Fall nutzen. Traditionell gehört ActionScript zu den so genannten »schwach typisierten« Programmiersprachen. In ActionScript können Sie daher einer Variablen, die Sie nicht explizit mit einer Typangabe definiert haben, Werte jeden Datentyps

122

Datentypen

jetzt lerne ich

zuweisen. Ja, Sie können ein und derselben Variablen sogar nacheinander Werte verschiedener Datentypen zuweisen. var meineVar = true; meineVar = null; meineVar = -123; meineVar = "Hallo";

Leser, die von der C/C++- oder Java-Programmierung kommen, wird hierbei das kalte Grausen erfassen, denn solcher Typenmischmasch ist in diesen Sprachen (aus guten Gründen) nicht erlaubt. Zu schnell schleichen sich unnötige Fehler ein. 01 var zahl = 1; 02 var ergebnis = 0; ... 25 zahl = "Dreizehn"; ... 38 ergebnis = 3 * zahl + 1; 39 trace(ergebnis);

Hier wird in der ersten Zeile1 die Variable zahl mit dem Wert 1 initialisiert. Am Ende des Skripts fließt der Wert von zahl in die Berechnung einer Formel ein (Zeile 38). So weit ist alles in Ordnung. Nun begeht der Programmierer aber den Fehler, der Variablen zahl zuvor einen String zuzuweisen (Zeile 25). (Vielleicht tut er dies nicht einmal selbst, sondern liest den String über ein Eingabefeld ein.) Die Formel am Ende lautet dann aus Sicht des Interpreters 3 * "Dreizehn" + 1. Hiermit kann der Interpreter nichts anfangen. Die trace()Anweisung wird daher den Fehlerwert NaN ausgeben. Solche Fehler können durch die Typisierung der Variablen vermieden werden. Hätte der Programmierer nämlich seine Variable zahl als Variable vom Typ Number definiert: var zahl :Number = 1;

hätte der Compiler bei der Syntaxprüfung der Zeile 25 eine unzulässige Zuweisung erkannt (einer Number-Variablen soll ein String zugewiesen werden) und eine Fehlermeldung ausgegeben, die den Programmierer auf die kritische Stelle hingewiesen hätte. Nutzen Sie daher unbedingt die Vorzüge der Typisierung.

1. Die Zeilennummern gehören selbstverständlich nicht zum Code, sondern sollen lediglich den Bezug zwischen Textbeschreibung und Code vereinfachen.

123

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Strikte Typisierung in ActionScript 2.0 Die strikte Typisierung greift nur, – wenn alle beteiligten Variablen typisiert sind, d.h. mit Typangabe im aktuellen Skript definiert sind (Für Variablen, die in mehreren Skripten verwendet werden, können Sie die Definition – ohne etwaige Initialisierung – wiederholen.) – wenn in den Einstellungen für die Veröffentlichung (Aufruf über Menü DATEI), Seite FLASH, die ACTIONSCRIPT-VERSION 2.0 eingestellt ist (setzt Flash Player 6 oder höher voraus). Achtung! Die Typangabe ist lediglich ein Hinweis an den Compiler. Der tatsächliche Datentyp der Variable wird dadurch nicht festgelegt. Dieser richtet sich nach wie vor nach dem Wert in der Variable. Grundsätzlich könnten Sie einer mit Number definierten Variable also immer noch einen String zuweisen – wenn der Compiler dies nicht unterbinden würde. Sie können das überprüfen, indem Sie in Bild 1 eine Variable mit Number definieren und dann in Bild 2 der Variablen einen String zuweisen. Da die Typangabe immer nur für das aktuelle Skript gilt (Bild 1), ist die Variable in Bild 2 aus Sicht des Compilers nicht mehr typgebunden und kann beliebige Werte aufnehmen.

4.3.7

Typumwandlung in ActionScript

Manchmal ist es aber einfach notwendig, einer typisierten Variablen einen Wert eines anderen Typs zuzuweisen.

Automatische Typumwandlungen Betrachten Sie zum Beispiel den Flash-Film aus Abbildung 4.10. Abb. 4.10: Rechnen mit Eingaben

124

Datentypen

jetzt lerne ich

Den Kern dieses Films bilden die beiden Eingabefelder, in die der Anwender die zu multiplizierenden Zahlen eingibt, das Ausgabefeld und die Schaltfläche, die das Produkt der eingegebenen Zahlen berechnet und das Ergebnis ins Ausgabefeld schreibt. Der gesamte Code dieses Films ist in dem release-Ereignis der Schaltfläche zusammengefasst: on (release) { var zahl1 :Number; var zahl2 :Number; var produkt :Number; zahl1 = eingabe1; zahl2 = eingabe2; produkt = zahl1 * zahl2; ausgabe = produkt; }

Zu Beginn des Codes werden drei Variablen zahl1, zahl2 und produkt vom Typ Number definiert. Dann werden die zu multiplizierenden Zahlen aus den Eingabefeldern (die mit den Textfeld-Variablen eingabe1 und eingabe2 verbunden sind) in die Variablen zahl1 und zahl2 kopiert. Eingaben sind aber immer Strings! Folglich stehen in den Textfeld-Variablen eingabe1 und eingabe2 Strings. Wenn der Anwender beispielsweise in das erste Eingabefeld 123 eingibt, steht in eingabe1 nicht der Zahlenwert 123, sondern der String "123"! Dieser String soll nun in zahl1 gespeichert werden. An

sich müsste der Compiler diese Zuweisung mit einer Fehlermeldung quittieren. Er tut dies jedoch nicht. Warum? Weil die Textfeld-Variable, die an der Zuweisung beteiligt ist, nicht ty- Textfeldpisiert ist! Der Compiler ändert daher eigenmächtig den Typ der Variablen Variablen zahl1 und zahl2 und speichert in Ihnen die Strings aus den Eingabefeldern. sind nicht typisiert!

Richtig gefährlich wird es bei der Berechnung des Produkts. produkt = zahl1 * zahl2;

Hier sollen die Werte von zahl1 und zahl2 multipliziert werden. zahl1 und zahl2 enthalten aber keine Zahlen, sondern Strings. Wie bitte kann man einen String (also einen Text) mit einem anderen String multiplizieren? Hier schreitet der Compiler ein. Er erkennt, dass eine Multiplikation durchzuführen ist, und da er weiß, dass man nur Zahlen multiplizieren kann, versucht er, die Strings in Zahlen umzuwandeln. Enthalten die Strings tatsächlich brauchbare Zahlenangaben1, so ist dies kein Problem. So wird beispielsweise aus dem String "123" die Zahl 123.

125

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

2

Diese automatischen Typumwandlungen gelten nur für die Werte im Ausdruck, das heißt, im Ausdruck wird mit den durch die Typumwandlung erhaltenen Zahlen gearbeitet, in den Variablen zahl1 und zahl2 sind aber weiterhin Strings gespeichert. Das Ergebnis der Multiplikation ist eine Zahl und kann problemlos in der Variablen produkt abgespeichert werden. Zum Schluss wird der Wert der Variablen produkt ausgegeben. Ausgaben sind aber immer Strings, und so wandelt der Interpreter für die Ausgabe in das dynamische Textfeld ausgabe den Wert von produkt in einen String um (aus einer Zahl wie 369 wird dann beispielsweise der String "369"). Es gibt also zwei Arten von automatischen Typumwandlungen: 쐽 Sind an einer Zuweisung untypisierte Variablen beteiligt, passt der Compiler den Datentyp der Variablen an den Datentyp des zugewiesenen Wertes an. 쐽 In Ausdrücken passt der Compiler den Datentyp von Variablenwerten (nur des Werts, den er der Variablen entnimmt, nicht die Variable selbst) an die durchzuführende Operation an. Was aber, wenn der Compiler nicht so konvertiert, wie Sie es sich vorstellen? Betrachten Sie zum Beispiel die Addition mit dem Plus-Operator. Im Gegensatz zur Multiplikation, die nur für Zahlen erlaubt ist, gilt die Addition für Zahlen und Strings. Was also passiert, wenn Sie eingegebene Zahlenwerte addieren? Stellen wir einmal den oben besprochenen Code auf Addition um: on (release) { var zahl1 :Number; var zahl2 :Number; var summe :Number; zahl1 = eingabe1; zahl2 = eingabe2; summe = zahl1 + zahl2; ausgabe = summe; }

1. Strings mit Zahlenwörter wie »Eins« können jedoch nicht in Zahlen umgewandelt werden. Ihre Umwandlung führt zu NaN, »Not a Number«.)

126

Datentypen

jetzt lerne ich

Abgesehen davon, dass die Variable produkt in summe umbenannt und der *Operator durch den +-Operator ersetzt wurde, hat sich nichts verändert. Doch im Gegensatz zu obigem Multiplikationsprogramm liefert das Additionsprogramm nur falsche Ergebnisse (siehe Abbildung 4.11). Abb. 4.11: Die Addition eingegebener Zahlen hat ihre Tücken

Was läuft schief? Benutzereingaben in Eingabefelder sind immer Strings. Wenn der Anwender also zwei zu addierende Zahlen 12 und 50 eingibt, liefern die Eingabefelder eingabe1 und eingabe2 die Strings "12" und "50" zurück. Diese Strings werden im ActionScript-Code in den Variablen zahl1 und zahl2 gespeichert. Die nachfolgende »Addition« summe = zahl1 + zahl2;

lautet für den Compiler also: »Wende auf die Strings in den Variablen zahl1 und zahl2 den +-Operator an und lege das Ergebnis in summe ab.« Strings werden mit dem +-Operator aber nicht addiert, sondern aneinander gehängt. Das Ergebnis von "12" + "50" ist daher der String "1250". Auch bei Kombinationen von Zahlen und Strings, führt der +-Operator eine Stringverkettung durch, d.h., er konvertiert die Zahlenwerte in Strings: var ergebnis :String; ergebnis = "3" + 5;

2

// = "35"

Das ist sicherlich nicht das, was wir mit unserem Flash-Film erreichen wollten. Wie kann man den Compiler also dazu bringen, die Werte von zahl1 und zahl2 in Zahlen umzuwandeln?

127

jetzt lerne ich

4 Grundlagen der Datenverarbeitung Explizite Typumwandlung Wenn der Interpreter die Werte von Variablen nicht so umwandelt, wie Sie es möchten, müssen Sie selbst für die richtige Typumwandlung sorgen. Am einfachsten ist die explizite Typumwandlung mit den ActionScript-Funktionen Number(), String() und Boolean(). Um beispielsweise einen String "123" in eine Zahl zu verwandeln, können Sie schreiben: eineVar = Number("123") + 5;

Analog können Sie Werte von Variablen umwandeln: var str :String = "123"; eineVar = Number(str) + 5;

Die Typumwandlung scheitert, wenn der String keine gültige Ziffernfolge beinhaltet. Das Ergebnis der Typumwandlung ist dann der Wert NaN: var str :String = "n23"; eineVar = Number(str) + 5; // eineVar = NaN

Selbst wenn der umzuwandelnde String mit einer korrekten Zahl beginnt, liefert die Typumwandlung den Fehlerwert NaN: var str :String = "23 cm"; eineVar = Number(str) + 5; // eineVar = NaN

Zum Extrahieren und Umwandeln von Zahlen, die am Anfang von Strings stehen, gibt es die Funktionen parseInt() und parseFloat(). parseInt() extrahiert Ganzzahlen, parseFloat() Gleitkommazahlen. zahl = parseInt("23 cm");

// zahl = 23

zahl = parseInt("23.5 cm");

// zahl = 23

zahl = parseFloat("23.5 cm");

// zahl = 23.5

Schauen wir uns noch kurz einige weitere wichtige Typumwandlungen an. Für die Umwandlung in Zahlen mit Number() gilt: 쐽 Der boolesche Wert true wird zu 1 umgewandelt, der boolesche Wert false in 0. 쐽 Strings, die eine gültige Zahlendarstellung enthalten ("12", "-13", "0.55", "-3.4e12"), werden in Zahlen umgewandelt; für alle anderen Strings wird NaN zurückgeliefert. 쐽 Der Wert undefined führt zu NaN-Ergebnissen.

128

Fallstricke und Vertiefung

jetzt lerne ich

Für die Umwandlung in Strings mit String() gilt: 쐽 Der boolesche Wert true wird zu "true" umgewandelt, der boolesche Wert false zu "false". 쐽 Zahlen werden in die zugehörigen Ziffernfolgen umgewandelt. Für die Umwandlung in boolesche Wahrheitswerte mit Boolean() gilt: 쐽 Die Zahl 0 wird in false umgewandelt, alle anderen Zahlen in true. 쐽 Der leere String "" wird in false umgewandelt, alle anderen Strings in true.

4.4

Fallstricke und Vertiefung

Im Grunde ist die Programmierung mit Variablen die Einfachheit selbst. Doch manchmal hakt es auch, und ohne tiefere Kenntnisse der mit den Variablen verbundenen Konzepte sind solche Fehler nicht leicht zu finden. Sie wurden in diesem Kapitel daher bereits mit einer ganzen Menge Theorie zu Variablen und Datentypen konfrontiert und hätten es sich eigentlich verdient, endlich zum nächsten Thema vorrücken zu können. Trotzdem kann ich es Ihnen nicht ersparen, sich noch weiter in die Theorie der Variablen einzuarbeiten.

4.4.1

L- und R-Wert

Wie Sie wissen, sind Variablen mit Speicherzellen verbunden. Über den Variablennamen können Sie sowohl einen Wert in einer Variablen abspeichern als auch den Wert einer Variablen abfragen. Woher aber weiß der Interpreter, ob Sie den Wert einer Variablen abfragen oder einen neuen Wert in einer Variablen abspeichern wollen. Nun, im Grunde ist es recht einfach. Nach der Definition repräsentiert der Variablenname grundsätzlich den Wert der Variablen. Nur wenn der Variablenname auf der linken Seite einer Zuweisung auftaucht, steht er für den Speicherplatz, in dem der Ergebniswert des rechten Teils der Zuweisung abzulegen ist. In einer einzigen Zuweisung kann ein Variablenname also sowohl den Wert der Variablen als auch den Speicherplatz der Variablen repräsentieren: summe = summe + 15;

Aus diesem Grunde spricht man auch vom L-Wert (Linkswert = Speicher der Variablen, in dem ein neuer Wert abgelegt werden kann) und vom R-Wert (Rechtswert = aktueller Wert der Variablen).

129

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

4.4.2

Gültigkeitsbereiche

Variablen können Sie an beliebiger Stelle im Skriptcode definieren. Trotzdem ist es nicht ganz unerheblich, wo Sie eine Variable definieren, denn der Ort der Definition legt auch den Gültigkeitsbereich der Variablen (im Englischen »scope«) fest. 쐽 Wenn Sie eine Variable in einem Bild einer Filmsequenz definieren, ist die Variable überall in der Filmsequenz gültig. Betrachten Sie die Zeitleiste aus Abbildung 4.12. Abb. 4.12: Zeitleiste mit in Bildern definierten Variablen

Der Code in Bild 1 sieht wie folgt aus: var demo :Number;

Der Code in Bild 10 lautet: demo = 12;

Mit anderen Worten: Die Variable demo wird in Bild 1 deklariert und in Bild 10 wird ihr ein Wert zugewiesen. Nichts grundsätzlich Neues für Sie. Was aber passiert, wenn Sie den Code umdrehen, also die Variable demo in Bild 10 deklarieren, ihr aber bereits in Bild 1 einen Wert zuweisen? Man müsste annehmen, dass der Compiler die Zuweisung an demo ignoriert, weil die Variable demo in Bild 1 noch gar nicht definiert und erzeugt wurde. Doch dies ist nicht der Fall, der Film wird korrekt abgespielt. Der Hintergrund ist, dass der Compiler Variablen, die verwendet werden, ohne zuvor definiert worden zu sein, automatisch erzeugt. Grundsätzlich ist es also egal, wo und ob Sie Ihre Variablen überhaupt mit var deklarieren.1 Ihre Skripte sind aber viel übersichtlicher und besser verständlich, wenn Sie wichtige Variablen vor der Verwendung mit var definieren. Außerdem erlaubt nur die Definition mit var die Typisierung der Variablen! Guter Stil ist es zum Beispiel, Variablen, die nur in einem Bild verwendet werden, in den ersten Codezeilen des Bildes zu definieren, und Variablen, die in mehreren Bildern der Filmsequenz verwendet werden, im ersten Bild der Filmsequenz zu definieren. 1. Achtung: Bei Variablen, die in Funktionen definiert werden, gibt es doch einen Bedeutungsunterschied zwischen der expliziten Definition mit var und der impliziten Definition durch erstmalige Verwendung.

130

Fallstricke und Vertiefung

jetzt lerne ich

쐽 Variablen, die in Ereignisbehandlungsdefinitionen von Schaltflächeninstanzen definiert sind, sind ebenfalls überall in der Filmsequenz, in der sich die Schaltflächeninstanzen mit den Ereignisbehandlungsdefinitionen befindet, gültig. Angenommen, Sie fügen in Ebene 1 des obigen Beispiels in Bild 7 ein Schlüsselbild mit einer Schaltflächeninstanz ein und verbinden diese mit folgendem Code: on (release) { var eineVar :Number = 12; }

Dann können Sie in jedem Schlüsselbild der Filmsequenz (beispielsweise im Skript aus Bild 10) auf die Variable eineVar zugreifen. Umgekehrt können Sie in den Ereignisbehandlungsdefinitionen auf die anderen Variablen der Filmsequenz zugreifen: on (release) { var eineVar :Number; eineVar = offset + 5;

// offset sei bereits in Bild 1 // der Filmsequenz definiert

}

쐽 Variablen, die in den Bildern einer Filmsequenz definiert sind, sind nicht in der übergeordneten Filmsequenz gültig. Sie können aber über den Namen der betreffenden Filmsequenzinstanz auf sie zugreifen. Gleiches gilt für Variablen, die in Ereignisbehandlungsdefinitionen von Filmsequenzinstanzen definiert sind. Angenommen, Sie fügen in Ebene 1 des obigen Beispiels in Bild 7 ein Schlüsselbild mit einer Filmsequenzinstanz ein und verbinden diese mit folgendem Code: onClipEvent (load) { var clipVar :Number = 12; }

Dann gehört diese Variable (ebenso wie Variablen, die in den Bildern des zugehörigen Filmsequenzsymbols definiert sind) zur Filmsequenzinstanz und ist in anderen Filmsequenzinstanzen nicht verfügbar. Wenn Sie trotzdem in einem Schlüsselbild der Hauptfilmsequenz (beispielsweise im Skript aus Bild 10) auf die Filmsequenzvariable clipVar zugreifen möchten, müssen Sie der Filmsequenzinstanz über das Eigenschaftenfenster einen Instanznamen zuweisen und im Code des Bildes über den Instanznamen auf die Variable zugreifen – beispielsweise: trace(instanzname.clipVar);

131

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Umgekehrt können Sie in der Ereignisbehandlungsdefinition der Filmsequenzinstanz nicht direkt auf die Variablen der übergeordneten Filmsequenzinstanz zugreifen, sondern müssen das Schlüsselwort _parent voranstellen (das immer die übergeordnete Filmsequenzinstanz repräsentiert): onClipEvent (load) { var clipVar :Number = _parent.eineVar; }

1

In Kapitel 11.4 werden wir noch detaillierter auf den Zugriff auf Filmsequenzinstanzen eingehen. 쐽 Variablen, die in einer Funktion mithilfe des Schlüsselworts var definiert werden, sind nur in der Funktion gültig (siehe Kapitel 8.4).

4.4.3

Automatische Variablendefinition

Es ist schon mehrfach angeklungen: Variablen müssen in ActionScript nicht explizit mit var definiert werden. Jede Zuweisung kann zu einer Variablendefinition werden, wenn Sie auf der linken Seite der Zuweisung einen bisher noch nicht benutzten Variablennamen verwenden. Statt var summe :Number = 0; summe = 3 + 4 + 5; trace(summe);

könnte man also auch schreiben: summe = 3 + 4 + 5; trace(summe);

Trotzdem sollten Sie grundsätzlich alle Variablen vorab definieren. Erstens führt dies zu besser verständlichem Quellcode. Zweitens können Sie auf diese Weise die Variablendefinitionen an einem (oder einigen wenigen) zentralen Ort(en) sammeln. Gerade letzter Punkt ist wichtig, wenn Sie Fehler durch falsche Variablennamen vermeiden möchten. Stellen Sie sich vor, Sie arbeiten an einem größeren Projekt. Sie wissen, dass irgendwo in der Hauptfilmsequenz eine Variable definiert ist, in der ein wichtiger Wert steht, den Sie abfragen möchten. Wie aber hieß die Variable noch schnell? Wenn Sie sich nicht erinnern können und es versäumt haben, die Variablen an zentraler Stelle (beispielsweise im ersten Bild) zu definieren, müssen Sie nun alle Codeelemente der Filmsequenz nach der Variablen durchsuchen. Vielleicht haben Sie aber ja eine vage Vorstellung,

132

Zusammenfassung

jetzt lerne ich

wie die Variable hieß. War ihr Name nicht sehrwichtig? Sie könnten nun mit der Suchfunktion des Film-Explorers (Aufruf über FENSTER/ANDERE BEDIENFELDER/FILM-EXPLORER) kontrollieren, ob die Variable wirklich so hieß. Aber das ist Ihnen zu umständlich. Außerdem sind Sie sich mit dem Variablennamen ziemlich sicher, und so lesen Sie den Wert von sehrwichtig aus: neueVar = sehrwichtig * 3;

Pech gehabt! Die Variable heißt sehrWichtig. Statt den Wert der Variablen sehrWichtig abzufragen, haben Sie implizit eine neue Variable sehrwichtig definiert. Diese hat den Anfangswert undefined, der bei Verwendung in arithmetischen Berechnungen in den Zahlenwert NaN umgewandelt wird. Sie haben also gerade einen kapitalen Fehler erzeugt. Ein Fehler, der sich später wahrscheinlich nur sehr schwer lokalisieren lässt. Wie viel einfacher und besser wäre es doch gewesen, wenn Sie Ihre Variablen im ersten Bild definiert hätten. Dann hätten Sie nur im ersten Bild nachschlagen müssen, wie die Variable heißt, und es wäre gar nicht erst zu dem Fehler gekommen. Wenn Sie Zeitleistenvariablen an zentraler Stelle in der Filmsequenz definieren, sollten Sie sich auch angewöhnen, die Variablen an dieser Stelle mit Kommentaren zu versehen, die genauer noch als der Variablenname beschreiben, wofür die Variable gedacht ist und welche Werte in ihr gespeichert werden.

4.5

0

Zusammenfassung

Prinzipiell können Variablen in ActionScript einfach direkt verwendet werden. Als ernsthafter Programmierer sollten Sie sich einen solchen Stil jedoch gar nicht erst angewöhnen, sondern Ihre Variablen vor der Verwendung mit dem Schlüsselwort var und unter Angabe eines Typs definieren: var eineZahl :Number;

// typisierte Variablendefinition

Die wichtigsten elementaren Datentypen sind Number, String und Boolean. Für typisierte Variablen kann der Compiler – in gewissen Grenzen – falsche oder potenziell falsche Verwendung erkennen und durch Fehlermeldungen anzeigen. Er kann so dem Programmierer bei der Erstellung fehlerfreien Codes behilflich sein. Darüber hinaus kann der Compiler den Wert einer Variablen an die auf ihr ausgeführten Operationen anpassen. Dies kann im Sinne des Programmierers sein, kann aber seinen Absichten auch zuwider laufen. Dann muss der

133

4 Grundlagen der Datenverarbeitung

jetzt lerne ich

Programmierer den Wert mithilfe einer Typumwandlungsfunktion (Number(), String(), Boolean(), parseInt(), parseFloat()) selbst konvertieren.

4.6

Fragen und Antworten

F: Im ActionScript-Code eines Kollegen habe ich folgende Zuweisung gesehen: ergebnis = "123" - 0 + 5;. Warum wird hier die 0 subtrahiert? A: Manche Programmierer erzwingen die Umwandlung eines Strings in eine Zahl, indem sie von dem String den Wert 0 subtrahieren: Dies funktioniert, weil die Subtraktion nur für Zahlen definiert ist. Der Compiler wandelt den String also in eine Zahl um und zieht von dieser 0 ab (wodurch der Wert nicht verändert wird). Diese Technik spart zwar ein wenig Tipparbeit, erzeugt aber schwer zu verstehenden Code. Sie sollten daher die Funktion Number() vorziehen. Sie können dann auf den ersten Blick feststellen, wo in Ihrem Code Typumwandlungen vorgenommen werden (was unter anderem beim Debuggen von großem Vorteil sein kann). F: Ich versuche die Vorteile der strikten Typisierung zu nutzen, aber es funktioniert nicht richtig. Wenn ich in Schlüsselbild 1 des Films eine Number-Variable zahl definiere und dieser in Schlüsselbild 10 einen Strings zuweise, schluckt der ActionScript-Compiler dies kommentarlos. Dabei müsste er doch eigentlich darauf hinweisen, dass man einer Number-Variablen keinen String zuweisen kann, oder? A: Anders als in echten Programmiersprachen wie C++ oder Java ist die Typisierung in ActionScript keine wirkliche Eigenschaft der Variablen, sondern existiert nur temporär während der Compiler ein Skript übersetzt. Das bedeutet im Klartext: Typinformationen, die Sie in einem Skript angeben (beispielsweise indem Sie eine Variable mit Typangabe definieren), gelten nur für das aktuelle Skript. Jedes Schlüsselbild stellt aber ein eigenes Skript dar. Wenn Sie also in einem Schlüsselbild eine Variable var zahl :Number definieren, gilt die Typangabe nur für das aktuelle Skript. Wenn Sie die Variable in anderen Schlüsselbildern verwenden, ist sie dort untypisiert – es sei denn, Sie wiederholen am Anfang jedes Skripts die Typdefinition. (Achtung! Variablendefinitionen können beliebig wiederholt werden, da sie nicht den Wert der Variable verändern. Sie dürfen im Zuge der Definition aber keine Initialisierung vornehmen.)

134

Übungen

4.7

jetzt lerne ich

Übungen

1. Sind die folgenden Variablennamen korrekt? 123 zähler JW_Goethe JR.Ewing _intern break double Liebe ist

2. Welche der folgenden Variablendefinitionen sind nicht zulässig? var var var var var var

123; n; option1, option2; option1 option2; option1 = true, option2 = false; wert = 5+1;

3. Welchen Wert hat die Variable meineVar nach Ausführung des folgenden Codes? var meineVar :Number = 0; meineVar = 123; meineVar = 12 + 3;

4. Welche elementaren Datentypen gibt es in ActionScript? 5. Stellen Sie das Beispiel der Flash-Rechenhilfe aus Abschnitt 4.3.7 für die Addition nach. Achten Sie darauf, dass die Zahlen korrekt addiert werden. 6. Welches sind die Ergebnisse der folgenden Typumwandlungen? meineVar = Number("123"); meineVar = Number("1+23"); meineVar = parseInt("1+23");

135

Programmieren mit Zahlen und Strings

jetzt lerne ich

KAPITEL 5

Die für den ActionScript-Programmierer mit Abstand wichtigsten Daten sind Zahlen, Strings (Texte), Wahrheitswerte und die Filmsequenzinstanzen. ActionScript-Code, in dem nicht wenigstens ein Zahlenwert verarbeitet, ein String ausgegeben, eine Filmsequenzinstanz verschoben oder die Hauptfilmsequenz angehalten und weiter abgespielt wird, ist kaum vorstellbar. Der sichere Umgang mit diesen Daten gehört daher zur ActionScript-Programmierung wie das Einmaleins zur Mathematik. In diesem Kapitel werden wir uns eingehender mit der Programmierung mit Zahlen und Strings beschäftigen. Wahrheitswerte werden ausführlicher in Kapitel 6.2 besprochen, den Filmsequenzinstanzen ist Kapitel 13 gewidmet.

Im Einzelnen lernen Sie in diesem Kapitel – wie man mit Zahlen rechnet, – wie man komplexere Ausdrücke aus Variablen und Operatoren aufbaut, – wie man in komplexen Ausdrücken die Auswertungsreihenfolge der Operatoren festlegt, – wie man wichtige mathematische Funktionen berechnen lässt, – wie man mit Strings programmiert.

137

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

5.1

Die arithmetischen Operatoren

In ActionScript können Sie Zahlen wie gewohnt addieren, subtrahieren, dividieren und multiplizieren: Listing 5.1: var zahl1 :Number = 15; Rechen- var zahl2 :Number = 4; arten.fla var ergebnis :Number ; trace("1. Zahl = " + zahl1); trace("2. Zahl = " + zahl2); trace("\n"); ergebnis = zahl1 + zahl2; trace("Ergebnis der Addition

: " + ergebnis);

ergebnis = zahl1 - zahl2; trace("Ergebnis der Subtraktion

: " + ergebnis);

ergebnis = zahl1 * zahl2; trace("Ergebnis der Multiplikation : " + ergebnis); ergebnis = zahl1 / zahl2; trace("Ergebnis der Division

: " + ergebnis);

Die Ausgabe dieses Codes sehen Sie in Abbildung 5.1. Abb. 5.1: Ausgabe des Beispiels

ActionScript kennt noch einige weitere Operatoren zur Manipulation von Zahlen, siehe Tabelle 5.1. Tabelle 5.1: Operator Die arithmetischen + Operatoren -

138

Bedeutung

Beispiel

Addition

n = 3 + 4;

// n = 7;

Subtraktion

n = 3 - 4;

// n = -1;

Vorzeichen

n = - 4; n = 3 - -4;

// n = -4; // n = 7;

Die arithmetischen Operatoren

Operator

Bedeutung

Beispiel

*

Multiplikation

n = 3 * 4;

// n = 12;

/

Division

n = 3 / 4;

// n = 0.75;

%

Modulo

n = 3 % 4;

// n = 3;

jetzt lerne ich

Tabelle 5.1: Die arithmetischen Operatoren (Forts.)

(ganzzahliger Rest einer Division von Ganzzahlen) ++

Inkrement

++n; n++;

// n = n + 1;

--

Dekrement

--n; n--;

// n = n - 1;

Die arithmetischen Operatoren können nur Zahlen verarbeiten. Wenn Sie die Operatoren mit Operanden verwenden, die anderen Datentypen angehören, versucht der Interpreter die Operanden in Zahlen umzuwandeln:

2

var str :String = "123"; var opt :Boolean = true; var ergebnis :Number; ergebnis = str - opt;

Hier verwandelt der Interpreter den String "123" in die Zahl 123 und den booleschen Wert true in 1. Das Ergebnis ist 122. Einzige Ausnahme ist der +-Operator, der auch für Strings definiert ist (siehe Kapitel 5.6.2). Die Verwendung der Operatoren für die Grundrechenarten Addition, Subtraktion, Multiplikation und Division bedarf sicherlich keiner weiteren Erklärung – im Gegensatz zu den Operatoren für Modulo, Inkrement und Dekrement.

5.1.1

Modulo

Hinter dem Begriff »Modulo« versteckt sich nichts anderes als die Ganzzahldivision mit Rest. Der Rest der Division ist das Ergebnis der Modulo-Operation. Wenn Sie den Wert 17 mithilfe des Modulo-Operators % durch 4 teilen, erhalten Sie als Ergebnis 1, denn 17 : 4 = 4 Rest 1

Gut und schön, doch wann kommt man schon mal in die Verlegenheit, dass man den Rest einer Ganzzahldivision berechnen muss? Öfter als Sie ahnen.

139

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

Dabei interessiert allerdings weniger der Rest selbst, als vielmehr die Frage, ob der Rest gleich 0 ist oder nicht. Ist der Rest der Modulo-Operation gleich 0, bedeutet dies nämlich, dass der Dividend glatt durch den Divisor geteilt wird (sprich der Dividend ein Vielfaches des Divisors ist) – ein Umstand, der in der Programmierung beispielsweise zur Erledigung regelmäßig wiederkehrender Arbeiten verwendet wird. Wie Sie wissen, werden Flash-Filme (sofern sie keine stop()-Aufrufe enthalten), endlos hintereinander abgespielt. Nehmen wir nun an, Sie wollten bei jedem fünften Abspielen in Bild 1 einen besonderen Text einblenden (vielleicht einen Hinweis auf Ihren Sponsor oder Ähnliches). Mithilfe des ModuloOperators ist dies gar nicht so schwierig. Zuerst definieren Sie in Bild 1 eine Variable zaehler, die Sie bei jedem Abspielen des Bildes um 1 erhöhen. Die Variable zaehler zählt also mit, das wievielte Mal der Film gerade abgespielt wird. Dann prüfen Sie, ob sich zaehler ohne Rest durch 5 teilen lässt: if (zaehler % 5 == 0)

// zaehler % 5 gleich 0 ?

Ist dies der Fall, führen Sie den gewünschten Code aus.

1

Wie man Vergleiche programmiert und einzelne Anweisungen in Abhängigkeit von bestimmten Bedingungen ausführt, erfahren Sie in Kapitel 6) Der entscheidende Punkt ist, dass der Ausdruck zaehler % 5 nur dann 0 zurückliefert, wenn zaehler ein Vielfaches von 5 ist. Wird zaehler bei jeder Ausführung des Films um 1 erhöht, bedeutet dies, dass der zaehler % 5 bei jedem fünften Abspielen 0 ergibt: 1. Durchgang (zaehler gleich 1) : zaehler % 5 liefert 1. 2. Durchgang (zaehler gleich 2) : zaehler % 5 liefert 2. 3. Durchgang (zaehler gleich 3) : zaehler % 5 liefert 3. 4. Durchgang (zaehler gleich 4) : zaehler % 5 liefert 4. 5. Durchgang (zaehler gleich 5) : zaehler % 5 liefert 0. 6. Durchgang (zaehler gleich 6) : zaehler % 5 liefert 1.

5.1.2

Inkrement und Dekrement

Zwei in der Programmierung häufig benötigte Operationen sind die Erhöhung beziehungsweise Verminderung eines Zahlenwerts um 1 (siehe unter anderem Kapitel 6.5). Die Erhöhung um 1 bezeichnet man als Inkrement, die Verminderung um 1 als Dekrement.

140

Die arithmetischen Operatoren

jetzt lerne ich

Für Inkrement und Dekrement gibt es in ActionScript zwei spezielle Operatoren: ++ und --. Beide Operatoren weisen gegenüber den anderen arithmetischen Operatoren einige Besonderheiten auf: 쐽 sie haben nur einen Operanden, 쐽 sie können ihrem Operanden vor- oder nachgestellt werden, 쐽 sie verändern den Wert ihres Operanden (!). Angenommen, Sie wollten den Wert einer Variablen n um 1 vermindern. Ohne Dekrementoperator würden Sie dafür schreiben: n = n - 1;

Mit dem Dekrementoperator geht es schneller: n--;

Statt der Postfixnotation (der Operator ist seinem Operanden nachgestellt), können Sie auch die Präfixnotation (der Operator ist seinem Operanden vorangestellt) verwenden: --n;

Sofern Sie den Dekrementoperator allein verwenden, ist es gleich, ob Sie Postfix- oder Präfixnotation verwenden (die meisten Programmierer verwenden die Postfixnotation). Wenn Sie den Dekrement- oder den Inkrementoperator in einem Ausdruck, beispielsweise auf der rechten Seite einer Zuweisung verwenden, müssen Sie jedoch klar zwischen Postfix- und Präfixnotation unterscheiden, denn beide führen zu unterschiedlichen Ergebnissen. Betrachten Sie folgende Anweisung: var n :Number = 0; var demo :Number = 10; n = ++demo;

Hier wird der Wert der Variablen demo um 1 hoch gesetzt und der neue Wert wird der Variablen n zugewiesen. Nach Ausführung der Anweisung sind n und demo beide gleich 11. Anders sieht es aus, wenn Sie den Operator nachstellen: var n :Number = 0; var demo :Number = 10; n = demo++;

141

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

Hier wird ebenfalls der Wert der Variablen demo um 1 hoch gesetzt, doch der Variablen n wird noch der alte Wert zugewiesen. Nach Ausführung der Anweisung hat n den Wert 10, während demo gleich 11 ist.

2

Die Verwendung der Inkrement- und Dekrementoperatoren in Zuweisungen und Ausdrücken mit mehreren Operatoren hat ihre Tücken und ganz besondere Fallstricke. Sie können diese aber leicht umgehen, indem Sie Inkrement und Dekrement nur als allein stehende Anweisung verwenden: n++; n--;

5.2

Die Kunst, sich korrekt auszudrücken

5.2.1

Ausdrücke

Kombinationen von Operatoren und Werten bezeichnet man in der Programmierung als Ausdrücke, beispielsweise: 3 + 5

oder 3 + var1 * var2

Ausdrücke werden bei Ausführung des Programms Schritt für Schritt ausgerechnet, bis als Ergebnis des Ausdrucks ein einzelner Wert feststeht. Ausdrücke sind also nichts anderes als berechnete Werte. Der Ausdruck 3 + 5 würde beispielsweise zu dem Wert 8 berechnet werden. Da Ausdrücke letzten Endes für einzelne Werte stehen, ist es sinnlos, sie allein in eine Anweisung zu stellen: var zahl :Number = 3; zahl + 5;

// sinnlose Anweisung

Hier wird der Ausdruck zu dem Wert 8 berechnet, doch der Wert wird nicht weiter im Programm verwendet. Aus diesem Grund verwendet man Ausdrücke nur an bestimmten Stellen im Code: 쐽 auf der rechten Seite von Zuweisungen meineVar = 3 + 5;

쐽 im Aufruf von Funktionen oder Methoden (siehe Kapitel 8.2) tueEtwas(3 + 5)

142

Die Kunst, sich korrekt auszudrücken

jetzt lerne ich

쐽 in Bedingungen (siehe Kapitel 6.2) if (3 + 5 < meineVar)

Wenn Sie beispielsweise einen Ausdruck auf der rechten Seite einer Zuweisung verwenden, berechnet der Interpreter den Wert des Ausdrucks und weist diesen dann der Variablen auf der linken Seite der Zuweisung zu: meineVar = 3 + 5; // meineVar enthält jetzt den Wert 8

Die einfachsten Ausdrücke sind diejenigen, die nur aus einer Konstante bestehen: -12 34.45 "A" "Hallo"

Werte können in einem Ausdruck aber nicht nur durch Konstanten repräsentiert werden, erlaubt sind auch Variablen und Funktionen oder Methoden, die einen Wert zurückliefern. zahl1 Math.sin(1.5)

// steht für Wert in zahl1 // steht für den Sinus von 1.5

Die nächste Stufe arithmetischer Ausdrücke besteht aus einem einfachen Operator mit Konstanten, Variablen oder Funktionen/Methoden als Operanden: 355 / 113 4 * i 45.67 + x

Komplexere arithmetische Ausdrücke enthalten schließlich mehrere Operatoren und Operanden: 355 / 113 * quadrat(radius) 2 * x - 3 * x + 2 * x - 5

5.2.2

Priorität

In Ausdrücken, die aus mehreren Operatoren bestehen, stellt sich die Frage, wie diese Ausdrücke berechnet werden. Nehmen wir zum Beispiel die Variable y, der wir den Wert des Ausdrucks 3 + x * 4 zuweisen: y = 3 + x * 4;1

Die Variable x habe den Wert 2. Welchen Wert hat die Variable y nach der Zuweisung? 1. Mathematiker werden hierin unschwer die Gleichung einer Geraden mit der Steigung 4 erkennen, doch dies sei nur so nebenbei bemerkt.

143

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

Im ersten Moment würde man wohl davon ausgehen, dass die Operatoren in der Reihenfolge abgearbeitet werden, in der sie im Ausdruck von links nach rechts auftauchen. Zuerst würde 3 + 2 berechnet, dann das Ergebnis mit 4 multipliziert. Die Variable y erhielte damit den Wert 20. Auf den zweiten Blick wird man sich vielleicht überlegen, dass – wie in der Mathematik – die Punktrechnung vor der Strichrechnung ausgeführt werden könnte. Dann würde zuerst 2 * 4 berechnet und zum Ergebnis der Wert 3 addiert. Die Variable y erhielte dann den Wert 11. Tatsächlich ist Letzteres der Fall. Der Grund hierfür ist, dass die Operatoren von ActionScript in Kategorien unterschiedlicher Priorität eingeteilt sind und Operatoren mit höherer Priorität vor den Operatoren niedriger Priorität abgearbeitet werden. Da die Operatoren für Multiplikation und Division in der internen Rangordnung der Operatoren eine höhere Priorität einnehmen als die Operatoren für Addition und Subtraktion, gilt auch bei der Auswertung von Ausdrücken, dass Punkt vor Strich geht. (Im Anhang finden Sie eine Tabelle mit einer nach Prioritäten geordneten Auflistung aller ActionScriptOperatoren.) Wenn Sie sich wegen der Auswertungsreihenfolge der Operatoren nicht sicher sind oder einfach eine andere Auswertungsreihenfolge vorgeben wollen, können Sie die Ausdrücke klammern. Die Klammern haben oberste Priorität, dass heißt, Teilausdrücke in Klammern werden vorrangig ausgewertet. Wenn Sie also möchten, dass der Interpreter in dem Ausdruck 3 + x * 4 zuerst die 3 zu dem Wert von x addiert und dann das Ergebnis mit 4 multipliziert und an y zuweist, müssen Sie schreiben: y = (3 + x) * 4;

5.2.3

Mathematische Formeln ausrechnen

Mithilfe der oben vorgestellten Operatoren und dem Wissen um Operatorenrangfolge und Klammerung können Sie beliebige Formeln berechnen. Stellen Sie sich vor, Sie wollen im Urlaub nach Arizona fliegen. Im Internet recherchieren Sie, dass es in Arizona derzeit 20 Grad Fahrenheit warm ist. 20 Grad Fahrenheit? Entspricht das 20 Grad Celsius? Die Formel für die Umrechnung von Fahrenheit in Celsius lautet: c = (f - 32) * 5 / 9 Mithilfe von ActionScript haben Sie schnell einen Flash-Film aufgesetzt, mit dem Sie nachprüfen können, wie warm 20 Grad Fahrenheit wirklich sind.

144

Die Kunst, sich korrekt auszudrücken

jetzt lerne ich

Abb. 5.2: Formular des FahrenheitFilms

1. Beginnen Sie einen neuen Film (Befehl DATEI/NEU, Option FLASH-DOKUMENT). 2. Arrangieren Sie wie in Abbildung 5.2 im ersten Bild ein Eingabefeld (zum Einlesen des Fahrenheitwerts) und ein dynamisches Textfeld (zum Ausgeben des berechneten Celsiuswerts) samt Beschriftungen, sowie eine »Pill Button«-Schaltfläche (Kategorie COMPONENT BUTTONS) zum Abschicken der Eingabe. Der Pill Button-Schalter ist aus Sicht von ActionScript keine Schaltfläche, sondern eine Filmsequenz (zu erkennen an dem Icon in der Schaltflächenbibliothek). Um aus Ereigniscode des Schalters auf die Zeitleiste des übergeordneten Films zuzugreifen, müssen Sie daher den Bezeichner _parent verwenden. Dafür können Sie den »Schalter« im Eigenschafteninspektor konfigurieren!

2

– Geben Sie als Titel der Schaltfläche im Eigenschafteninspektor unter LABEL den Textzug »Umrechnen« ein. – Verwenden Sie die Schiebeleisten zur Festlegung der Farbe und Größe 3. Wenn Sie im Eigenschafteninspektor die Textfelder einrichten, nennen Sie die Variable für das Eingabefeld fahrenheitFeld und die Variable für das dynamische Textfeld celsiusAusgabe.

145

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

4. Verbinden Sie den Pill Button-Schalter mit folgenden Code: on (release) { var fahrenheit :Number; var celsius :Number; fahrenheit = _parent.fahrenheitFeld; celsius = (fahrenheit - 32) * 5 / 9; _parent.celsiusAusgabe = celsius; }

Beachten Sie die Klammern in der Formel!. 5. Testen Sie den Film (Ÿ+Æ).

5.2.4

Anweisungen

Ein Ausdruck ist letztendlich ein Wert, den der Interpreter berechnet. Ein Ausdruck ist aber noch kein Befehl an den Computer. Befehle bezeichnet man in der Programmiersprache als Anweisungen, sie werden stets mit einem Semikolon ; abgeschlossen. Einige Anweisungen haben Sie bereits kennen gelernt, beispielsweise die Variablendeklaration: var meineZahl1 :Number, meineZahl2 :Number;

oder die Zuweisung: meineZahl1 = 3 * meineZahl2;

Anweisungen können mittels geschweifter Klammern zu Blöcken zusammengefasst werden. Sie kennen dies von den Ereignisbehandlungsdefinitionen, wo alle Anweisungen, die zu der Ereignisbehandlung gehören, in geschweiften Klammern stehen: on (release) { var name :String; name = nameFeld; grussFeld = "Hallo " + name + "!"; gotoAndPlay(5); }

In den nächsten Kapiteln werden Sie noch weitere Fälle kennen lernen, wo Anweisungen mittels geschweifter Klammern zu Anweisungsblöcken gebündelt werden.

146

Kombinierte Zuweisungen

5.3

jetzt lerne ich

Kombinierte Zuweisungen

Bisher würden Sie, um den Wert einer Variablen zu verändern (sagen wir, ihn mit 3 zu multiplizieren), wie folgt schreiben: var zahl :Number= 12; zahl = zahl * 3;

Hierfür gibt es eine Kurzform, die auf der Verwendung des kombinierten *=-Operators beruht: var zahl :Number= 12; zahl *= 3;

Diese Kurzform ist zunächst zwar etwas gewöhnungsbedürftig, spart aber dem Programmierer Tipparbeit und dem Anwender Laufzeit. Kombinierte Zuweisungsoperatoren stehen für alle arithmetischen Operationen zur Verfügung: +=, -=, *=, /=, %=.

5.4

Die Klasse Math und die mathematischen Funktionen

Bestimmte, häufig benötigte Rechenoperationen, wie das Ziehen einer Wurzel oder das Berechnen des Sinus eines Winkels, sind mithilfe der Operationen für die Grundrechenarten nur sehr schwer zu verwirklichen. Aus diesem Grunde gibt es die Klasse Math. Die Klasse Math ist eigentlich eine recht untypische Klasse. Denn während Klassen in der Regel dazu gedacht sind, dass man von Ihnen Objekte (Instanzen) erzeugt (ähnlich wie Sie in der Authoring-Umgebung aus Filmsequenzsymbolen Filmsequenzinstanzen erzeugen), ist die Klasse Math dafür gedacht, dass man mit ihr selbst programmiert. Dazu verfügt sie über eine Reihe von internen Funktionen (Methoden genannt), die Sie über die Klassen aufrufen und ausführen können, beispielsweise: wurzel = Math.sqrt(zahl);

Mehr zu Klassen und Objekten in der ActionScript-Programmierung in Kapitel 9.

1 147

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

5.4.1

Methoden der Klasse Math

Tabelle 5.2: Methode Math-Methoden für mathe- Math.abs(x) matische Math.acos(x) Funktionen

Tabelle 5.3: Math-Eigenschaften für mathematische Konstanten

148

Beschreibung Absoluter Betrag Arkuskosinus

Math.asin(x)

Arkussinus

Math.atan(x)

Arcustangens von x

Math.atan2(x,y)

Winkel eines Punktes relativ zur x-Achse

Math.ceil(x)

Rundet auf die nächste Ganzzahl auf

Math.cos(x)

Kosinus

Math.exp(x)

Exponentialfunktion

Math.floor(x)

Rundet auf die nächste Ganzzahl ab

Math.log(x)

Natürlicher Logarithmus

Math.max(x, y)

Die größere der Zahlen x und y

Math.min(x, y)

Die kleinere der Zahlen x und y

Math.pow(x, y)

Zahl potenzieren (xy)

Math.random(x)

Liefert eine Zufallszahl zwischen 0 und 1

Math.sin(x)

Sinus

Math.sqrt(x)

Wurzel

Math.tan(x)

Tangens

Eigenschaft

Beschreibung

Math.E

Die Zahl E (Basis des natürlichen Logarithmus, 2.71828...)

Math.LN10

Natürlicher Logarithmus von 10 (loge 10)

Math.LN2

Natürlicher Logarithmus von 2 (loge 2)

Math.LOG10E

Logarithmus von 10 (log10 10)

Math.LOG2E

Logarithmus von 2 (log10 2)

Math.PI

Die Zahl π (3.14159...)

Math.SQRT1_2

Kehrwert der Wurzel von 2

Math.SQRT2

Wurzel von 2

Die Klasse Math und die mathematischen Funktionen

jetzt lerne ich

Die Programmierung mit den Math-Methoden ist die Einfachheit selbst: Sie rufen die Methode über die Math-Klasse auf, übergeben ihr die benötigten Parameter und erhalten das Ergebnis zurück. Um beispielsweise die Wurzel von 102355 zu berechnen, schreiben Sie: var wurzel :Number;

// Variable zur Aufnahme des Ergebnisses

wurzel = Math.sqrt(102355); trace(wurzel);

Wenn Sie Hilfe zum Aufruf einer Methode brauchen, seien es nähere Informationen zu den zu übergebenden Parametern, Informationen darüber, welche Flash-Player-Versionen die Methode unterstützen, oder eine genauere Beschreibung dessen, was die Methode eigentlich macht, so tippen Sie den Namen der Methode in den Editor ein, setzen den Textcursor in den Namen und drücken É (oder öffnen Sie die ActionScript-Hilfe über den Menübefehl HILFE/ACTIONSCRIPT-LEXIKON, suchen unter M nach dem Eintrag für MATH und wählen dann die betreffende Methode aus). Abb. 5.3: Nachschlagen einer Methode im ActionScript-Hilfesystem

149

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

5.4.2

Verwendung der trigonometrischen Funktionen

Wenn Sie mit den trigonometrischen Methoden arbeiten, müssen Sie beachten, dass diese Methoden als Parameter stets Werte in Bogenmaß (Radiant) erwarten. Beim Bogenmaß wird der Winkel nicht in Grad, sondern als Länge des Bogens angegeben, den der Winkel aus dem Einheitskreis (Gesamtumfang 2 π) ausschneidet: 1 rad = 2 π / 360°; 1° = 2 π /360 rad.) 360 Grad entsprechen also genau 2 π, 180 Grad entsprechen 1 π, 90 Grad entsprechen ½ π. Wenn Sie ausrechnen wollen, was 32 Grad in Radiant sind, multiplizieren Sie einfach die Winkelangabe mit 2 * π und teilen Sie das Ganze durch 360 (oder multiplizieren Sie mit π und teilen Sie durch 180). Mithilfe der trigonometrischen Funktionen Sinus und Kosinus können Sie beispielsweise eine Kugel auf einer Kreisbahn bewegen: kugel._x = zentrum_x + radius*Math.cos(winkel * Math.PI / 180); kugel._y = zentrum_y + radius*Math.sin(winkel * Math.PI / 180);

Verpackt in einen Flash-Film könnte das wie folgt aussehen. Abb. 5.4: Mit ActionScript animierter Ball

Auf der Bühne befinden sich eine Ball-Instanz namens kugel und eine Koordinatensystem-Instanz namens koord. Im ActionScript-Code zum ersten Bild werden die globalen Zeitleistenvariablen deklariert: var var var var

150

zentrum_x zentrum_y radius winkel

:Number :Number :Number :Number

= = = =

275; 200; 70; 0;

Die Klasse Math und die mathematischen Funktionen

jetzt lerne ich

Die für das Beispiel gewählte Bühne ist 550 x 400 Pixel groß. Die Mitte der Bühne, um die der Ball animiert werden soll, liegt daher auf der Koordinate (275,200), deren Werte in den Variablen zentrum_x und zentrum_y festgehalten werden. Die Variable radius gibt den Radius der Kreisbewegung des Balls an, der winkel, um den der Ball gedreht wird, ist anfänglich 0.

Koordinaten in ActionScript Man kann nicht mit Koordinaten arbeiten, ohne das Koordinatensystem zu kennen, auf das sich die Koordinaten beziehen. In Flash kommt erschwerend hinzu, dass Sie es mit zwei unterschiedlichen Koordinatensystemen zu tun haben. In der Bühne des Hauptfilms liegt der Ursprung (0,0) des Koordinatensystems in der linken oberen Ecke! Zunehmende x-Koordinaten liegen rechts davon, zunehmende y-Koordinaten liegen unterhalb des Ursprungs. Wo also würde sich in einer Bühne der Größe 550 x 400 der Punkt (100,100) befinden? Richtig, im linken oberen Quadranten der Bühne. Abb. 5.5: Koordinaten des Hauptfilms

Wenn Sie dagegen ein Filmsequenzsymbol bearbeiten, liegt der Ursprung (0,0) in dem Feststellpunkt in der Mitte der Filmsequenz.

151

jetzt lerne ich

5 Programmieren mit Zahlen und Strings

Abb. 5.6: Koordinaten einer Filmsequenz

Jede Filmsequenzinstanz, die Sie verwenden (sei es in der Hauptbühne oder in einem Filmsequenzsymbol) verfügt über die Eigenschaften _x und _y. Zusammen geben die beiden Eigenschaften die Koordinate des Feststellpunktes der Filmsequenz im Kontext des umliegenden Koordinatensystems an. Wenn Sie also den Eigenschaften _x und _y einer Filmsequenzinstanz auf der Bühne des Hauptfilms die Werte 50 und 30 zuweisen, verschieben Sie den Feststellpunkt der Instanz auf einen Punkt 50 Pixel rechts und 30 Pixel unterhalb der linken oberen Ecke. Wenn Sie den Eigenschaften _x und _y einer Filmsequenzinstanz, die in die Bühne eines anderen Filmsequenzsymbols eingefügt wurde, die Werte -50 und 30 zuweisen, verschieben Sie den Feststellpunkt der Instanz auf einen Punkt 50 Pixel links und 30 Pixel unterhalb der Mitte der Filmsequenz. Auf der Skriptebene wurde im zweiten Bild ein Schlüsselbild mit folgendem Code eingefügt: koord._x = zentrum_x; koord._y = zentrum_y; kugel._x = zentrum_x + radius*Math.cos(winkel * Math.PI / 180); kugel._y = zentrum_y + radius*Math.sin(winkel * Math.PI / 180); winkel += 10;

152

Die Klasse Math und die mathematischen Funktionen

jetzt lerne ich

Die Instanz für das Koordinatensystem wird einfach mittig in der Bühne platziert. Die Instanz kugel wird mithilfe der trigonometrischen Methoden um winkel Grad auf einer Kreisbahn um das Zentrum der Bühne verschoben. Danach wird der Wert von winkel um 10 erhöht. Im letzten Bild des Films steht schließlich der Befehl gotoAndPlay(2);

Der Film wird also in einer Schleife abgespielt, wobei der Winkel bei jedem Schleifendurchgang um 10 erhöht und die Kugel folglich um 10 Grad auf der Kreisbahn weiter bewegt wird.

5.4.3

Zufallszahlen

Die Erzeugung von Zufallszahlen mithilfe von Computern ist im Grunde gar nicht zu realisieren. Dies liegt daran, dass die Zahlen letzten Endes nicht zufällig gezogen werden, sondern von einem mathematischen Algorithmus errechnet werden. Ein solcher Algorithmus bildet eine Zahlenfolge, die sich zwangsweise irgendwann wiederholt. Allerdings sind die Algorithmen, die man zur Erzeugung von Zufallszahlen in Programmen verwendet, so leistungsfähig, dass man von der Periodizität der erzeugten Zahlenfolge nichts merkt. Wenn Sie in Ihrem ActionScript-Code Zufallszahlen benötigen, beispielsweise zur Erzeugung einer zufälligen Zahl von Instanzen einer Filmsequenz oder zufälliger Zahlen für einen Rechentrainer (siehe Übung 4), erzeugen Sie diese mithilfe der Methode Math.random(). Wenn Sie diese Methode aufrufen, liefert sie Ihnen einen Gleitkommawert zurück, der größer oder gleich 0.0 und kleiner als 1.0 ist. var zufallszahl :Number; zufallszahl = Math.random();

Mit Zufallszahlen wie 0.34 oder 0.00032 lässt sich in einem Programm aber nur selten etwas Vernünftiges anfangen. Meist benötigt man ganzzahlige Zufallszahlen aus einem bestimmten Wertebereich, beispielsweise eine zufällig ausgewählte Zahl zwischen 1 und 10 oder 12 und 15. In so einem Fall gehen Sie wie folgt vor. 1. Zuerst ermitteln Sie, wie viele ganzzahlige Werte der angestrebte Wertebereich umfasst. Wenn Sie beispielsweise Zufallszahlen zwischen 2 und 7 (2 und 7 mit eingeschlossen) benötigen, umfasst der Wertebereich 6 Werte.

153

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

2. Dann multiplizieren Sie die von Math.random() zurückgelieferte Zufallszahl mit der Anzahl der Werte (in unserem Beispiel also 6) und übergeben das Ergebnis der Math-Methode floor(), die das Ergebnis auf eine Ganzzahl abrundet. zufallszahl = Math.floor( Math.random() * 6);

In zufallszahl steht jetzt eine Zahl zwischen 0 und 5. 3. Zuletzt addieren Sie die Zahl, mit der der Wertebereich beginnen soll (im Beispiel die 2). zufallszahl = Math.floor( Math.random() * 6) + 2;

In zufallszahl steht jetzt eine Zahl zwischen 2 und 7.

1

In Übung 4 werden Sie mithilfe der Methode Math.random() einen Rechentrainer (nicht nur) für Kinder programmieren.

5.5

Rundungsfehler und NaN

Die Programmierung mit Zahlen bereitet normalerweise keine große Schwierigkeit, da sie im Großen und Ganzen so vonstatten geht, wie wir es von der Mathematik her gewohnt sind. Probleme entstehen da, wo unsere Schulmathematik versagt, weil das Rechnen auf einem Computer eben doch etwas anderes als das Rechnen auf dem Papier darstellt.

5.5.1

Genauigkeit der Zahlendarstellung

Warum beispielsweise kann ActionScript-Code nicht zwischen den Zahlen 99999999999999991 und 99999999999999992 unterscheiden? An der Größe der Zahlen kann es nicht liegen, denn wie Sie aus Kapitel 4.3.1 wissen, kann der ActionScript-Interpreter Zahlen bis zu einem Betrag von 1.7 × 10308 verarbeiten. Des Rätsels Lösung liegt vielmehr in dem Datenformat, welches der ActionScript-Interpreter zum Abspeichern der Zahlen verwendet. Sicherlich ist Ihnen bekannt, dass Computer intern nur mit Nullen und Einsen rechnen. Wenn Sie also die Zahl 10 einer Variablen zahl zuweisen, kann der Interpreter nicht einfach die Zahl 10 in den Speicherbereich der Variablen zahl schreiben, sondern muss die dezimale Zahl 10 erst in eine Folge von Nullen und Einsen umwandeln, die der dezimalen Zahl 10 entspricht. Und ebenso wie die Zahlen müssen auch die Strings und die booleschen Wahrheitswerte intern in Folgen von Nullen und Einsen kodiert werden. Unterschiedlich sind lediglich die Kodierungsverfahren, nach denen der Interpreter die Werte

154

Rundungsfehler und NaN

jetzt lerne ich

eines Datentyps als Folgen von Nullen und Einsen kodiert und bei Bedarf wieder zurückverwandelt. Für Zahlen sieht dieses Verfahren im Prinzip so aus, dass alle Zahlen – auch Ganzzahlen – als Produkte aus einem Faktor zwischen 0 und 1 und einem Exponenten zur Basis 10 umgewandelt werden. So wird aus 430000 die Zahlendarstellung 0,43 * 106. Wozu diese Umwandlung in Exponentialschreibweise? Die Größe des Speicherbereichs, den der Interpreter für Zahlen reserviert, ist in ActionScript fest vorgegeben: sie beträgt 64 Bit (ein Bit steht für eine Stelle mit einer Null oder Eins). Die Größe des Speicherbereichs richtet sich also nicht nach der Größe der Zahl. Für die im Rechner ablaufende Verarbeitung der Zahlen ist dies ein großer Vorteil. Es bedeutet aber auch, dass die Umwandlung von Dezimalzahlen in Folgen von Nullen und Einsen nicht zu naiv gewählt sein darf, sonst ist ein Abspeichern größerer Zahlen nicht möglich. Nehmen Sie an, Sie würden einfach jede Ziffer einer Zahl für sich genommen als Folge von Nullen und Einsen kodieren. Dann bräuchten Sie zur Kodierung einer dezimalen Zahl 4 Bit (0 = 0000, 1 = 0001, 2 = 0010 ... 9 = 1001). In einem Speicherbereich von 64 Bit könnten Sie also nur Zahlen mit maximal 16 Stellen speichern. Vergleichen Sie dagegen das oben vorgestellte Verfahren. Für eine Zahl wie 430000 braucht der Interpreter nur noch die Ziffern aus dem Faktor (43) und den Exponenten (6) zu speichern – statt 6 Ziffern müssen also nur 3 Ziffern kodiert werden. Der Trick dabei ist, dass abschließende Nullen in der ursprünglichen Zahl sehr günstig durch den Exponenten kodiert werden. (Bei kleinen Zahlen zwischen 0 und 1 wird der Exponent negativ und kodiert die führenden Nullen: 0,001 wird zu 0,1 * 10-4.) Die Ziffernfolge, die nach Abzug der abschließenden Nullen übrig bleibt (sprich die Ziffernfolge, die durch den Faktor kodiert wird), bezeichnet man dabei als die so genannten signifikanten Ziffern. Sie sind der Grund dafür, dass wir in ActionScript nicht zwischen 99999999999999991 und 99999999999999992 unterscheiden können. Der Interpreter teilt den 64Bit-Speicherbereich für die Zahlen nämlich so auf, dass er einen Exponenten bis 308 und einen Faktor mit mindestens 15 dezimalen Ziffern1 abspeichern kann. Wird der Exponent jedoch größer oder enthält der Faktor mehr als 15 Stellen, kann die Zahl nicht mehr korrekt abgespeichert werden. Im letzteren Fall speichert der Interpreter so viele Stellen wie möglich und rundet den Rest. Das Runden führt jedoch dazu, dass Zahlen mit zu vielen signifikanten Stellen nicht mehr unterschieden werden können.

1. Beginnt der Zahlenwert des Faktors mit kleinen dezimalen Zahlen, können mehr als 15 signifikante Stellen gespeichert werden. Dies liegt daran, dass der Faktor vor dem Speichern in eine Binärzahl umgewandelt wird. Für diese Binärzahl stehen im Speicherformat 52 Stellen zur Verfügung. Wie viele dezimale Stellen durch diese 52 Binärstellen korrekt kodiert werden, hängt von der Größe der dezimalen Zahl ab.

155

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

1

Wahrscheinlich werden Sie nur selten in die Verlegenheit kommen, mit Zahlen programmieren zu müssen, die mehr als 15 signifikante dezimale Stellen aufweisen. Was aber ist zu tun, wenn der Fall doch einmal eintritt. Dann müssen Sie entweder eine gewisse Ungenauigkeit in Ihren Berechnungen akzeptieren oder Sie versuchen sich dadurch zu behelfen, dass Sie die Zahlen in zwei Zahlen auftrennen (aus 99999999999999991 also zum Beispiel 99999999999999900 + 91) machen.

5.5.2

Rundungsfehler im Binärsystem

Dass alle Zahlen im Arbeitsspeicher binär kodiert werden müssen, hat noch einen weiteren unangenehmen Effekt. Manche Dezimalzahlen können im Binärsystem nur durch periodische Binärzahlen dargestellt werden. (Ähnlich wie der Bruch 2/3 im Dezimalsystem nur als 0,666666... dargestellt werden kann.) Beim Abspeichern im Rechner muss die periodische Zahlenfolge aber notgedrungen abgeschnitten werden – was einem unabsichtlichen Runden gleich kommt. Bei der Rückverwandlung in eine Dezimalzahl erhält man dann eine leicht veränderte Zahl.

1

Solche Rundungsfehler treten zum Glück nur selten auf und treten noch seltener in Erscheinung. Wenn Sie aber später Vergleiche durchführen (siehe Kapitel 6) und dabei über Fälle stolpern, in denen Sie eine Zahl mit 0 (oder einer anderen Zahl) vergleichen und der Interpreter keine Übereinstimmung findet, obwohl Sie sicher sind, dass die Zahlenwerte identisch sein müssten, prüfen Sie, ob die eine der in den Vergleich eingehenden Zahlen nicht vielleicht durch ungewollte Rundung zu 0,000000000000001 geworden ist.

5.5.3

Die Zahlen NaN und infinity

Ab und an werden Sie zu Ihrer Überraschung feststellen, dass Ihre Variablen eine der »Zahlen« NaN oder infinity enthalten. Diese treten immer dann auf, wenn Sie eine Number-Variable verwenden, der noch keine Zahl zugewiesen wurde, eine mathematisch nicht erlaubte Operation durchführen oder einen String, der keine gültige Zahlendarstellung enthält, in eine Zahl verwandeln: var ergebnis :Number; ergebnis = ergebnis+1; ergebnis = 5/0; ergebnis = Number("Ich bin 8");

1 156

// NaN // infinity // NaN

Mithilfe einer if-Bedingung (siehe Kapitel 6.1) und der Funktion isNaN() können Sie innerhalb des Codes prüfen, ob eine Variable den Wert NaN enthält (siehe Übung 6.10).

Programmieren mit Strings

5.6

jetzt lerne ich

Programmieren mit Strings

Bei der Programmierung mit Zahlen wird überwiegend auf die arithmetischen Operatoren, seltener auf die Methoden der Math-Klasse zugegriffen. Anders sieht es bei der Programmierung mit Strings aus. Für Strings gibt es nur wenige »Operationen«, die man sinnvoll durch einen Operator symbolisieren könnte. Oder können Sie sich etwas unter dem Dividieren zweier Strings vorstellen? Wüssten Sie ein Operatorsymbol, mit dem man die Extraktion eines Teilstrings symbolisieren könnte? Die Konsequenz ist, dass es – abgesehen von den Vergleichsoperatoren, die Sie in Kapitel 6.2 kennen lernen werden – nur einen einzigen Operator zur Bearbeitung von Strings gibt: den +-Operator zum Verketten von Strings. Alle anderen Möglichkeiten zur Stringbearbeitung sind als Methoden einer Klasse implementiert: String. Anders als bei Math werden die String-Methoden jedoch nicht über die Klasse String, sondern allein über Objekte der Klasse String aufgerufen. Wie aber können Sie Objekte der Klasse String erzeugen? Nun, ganz einfach: Alle String-Literale sind automatisch String-Objekte (vergleichbar den Filmsequenzinstanzen) und verfügen über die für Strings definierten Methoden. Die Methoden werden daher (ebenfalls wie bei den Filmsequenzinstanzen) über den Namen der Stringvariablen oder über das String-Literal aufgerufen. stringVar.methode(); "string".methode();

Beachten Sie den Unterschied in der Verwendung der Math- und der StringMethoden. Die Math-Methoden werden stets über die Math-Klasse aufgerufen und die zu bearbeitenden Zahlen werden beim Aufruf als Parameter an die Methode übergeben:

1

var wurzel :Number; wurzel = Math.sqrt (102355);

Die String-Methoden werden dagegen für individuelle String-Objekte aufgerufen und operieren jeweils auf dem String-Objekt, für das sie aufgerufen wurden (wobei Sie zusätzliche Daten als Parameter übernehmen können): var str1 :String; var str2 :String = "Dies ist ein String!"; str1 = str2.substr(0, 4);

157

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

Hier wird die Methode substr() aufgerufen, um eine Teilkopie des Strings str2 als eigenständiges String-Objekt zurückzuliefern und in str1 zu speichern. Kopiert werden 4 Zeichen aus str2, beginnend mit Position 0 (erstes Zeichen im String).

5.6.1

Methoden der Klasse String

Tabelle 5.4: String-Eigenschaft String-Eigenschaften und length -Methoden String-Methode

Beschreibung Länge des Strings ( = Anzahl der Zeichen in String) Beschreibung

charAt(index)

Liefert eine Kopie des Zeichens an der spezifizierten Position im String zurück.

charCodeAt(index)

Liefert den Zeichencode des Zeichens an der spezifizierten Position im String zurück.

concat(str1, str2 ... strN) Hängt zwei oder mehr Strings aneinander. fromCharCode(code1, code2, ... codeN)

Setzt die durch ihren Zeichencode angegebenen Zeichen zu einem String zusammen.

indexOf(str)

Liefert den Index des ersten gefundenen Vorkommens von str im String. Die Suche beginnt am Stringanfang oder an der Position index. Kann der Teilstring str nicht gefunden werden, liefert die Methode –1.

indexOf(str, index)

lastIndexOf(str)

Wie indexOf() sucht aber von hinten nach vorne.

lastIndexOf(str, index) slice(start, ende)

Liefert den Teilstring zwischen start und ende zurück. (negative Indizes werden vom Stringende gezählt)

split(trennzeichen)

Zerlegt den String in mehrere Teilstrings. Getrennt wird bei jedem Vorkommen des angegebenen Begrenzungszeichens (z.B. " "). Die Teilstrings werden als Array zurückgeliefert.

substr(start, laenge)

Liefert maximal laenge Zeichen ab der Position start zurück..

substring()

Liefert den Teilstring zwischen start und ende zurück. (erlaubt keine negativen Indizes)

158

toLowerCase()

Wandelt den String in Kleinbuchstaben um.

toUpperCase()

Wandelt den String in Großbuchstaben um.

Programmieren mit Strings

5.6.2

jetzt lerne ich

Strings verketten

Das Verketten oder Aneinanderhängen von Strings spielt in der Programmierung eine so bedeutende Rolle, dass es sogar einen eigenen Namen dafür gibt: Konkatenation. In ActionScript gibt es zwei Möglichkeiten, Strings zu verketten: 쐽 den Konkatenationsoperator + 쐽 die String-Methode concat()

Der Konkatenationsoperator Das Verketten von Strings mit dem Konkatenationsoperator ist die Einfachheit selbst. Sie brauchen dem Operator lediglich die zu verkettenden Strings als Operanden zu übergeben und das Ergebnis in einer Variablen abzuspeichern: var grusswort :String = "Hallo "; var name :String= "Sean"; var gruss :String; gruss = grusswort + name;

// "Hallo Sean"

Sie können auch mehrere Strings miteinander verketten: var grusswort :String = "Hallo"; var name :String = "Sean"; var gruss :String ; gruss = grusswort + " " + name + "!";

// "Hallo Sean!"

Hier wurde das Leerzeichen zwischen den Wörtern explizit eingefügt (was auf jeden Fall besser ist als das Leerzeichen in eines der String-Literale einzufügen) und der String mit einem Ausrufezeichen abgeschlossen. Wenn Sie einen bestehenden String durch Anhängen eines weiteren Strings erweitern wollen (statt wie oben einen neuen verketteten String zu erzeugen), verwenden Sie den kombinierten Operator +=: var gruss :String = "Hallo "; gruss += "Sean"; // "Hallo Sean"

Mithilfe des Konkatenationsoperators können Sie auch Zahlenwerte in Strings einbauen, beispielsweise um berechnete Werte in Texte einzubauen, die über dynamische Textfelder in den Film eingeblendet werden, oder um

159

jetzt lerne ich

5 Programmieren mit Zahlen und Strings sich beim Testen des Films die Werte von Variablen im Ausgabefenster anzeigen zu lassen:1 var zahl :Number = 144; var wurzel :Number ; wurzel = Math.sqrt (zahl); trace("wurzel : " + wurzel);

Die Ausgabe dieses Codes würde lauten: "wurzel : 12". Hierbei wird ausgenutzt, dass der Interpreter bei einer +-Operation, an der ein String beteiligt ist, automatisch eine Konkatenation durchführt und den zweiten Operanden bei Bedarf automatisch in einen String umwandelt (siehe Kapitel 4.3.7). Schließlich können Sie bei Bedarf mithilfe des Konkatenationsoperators größere String-Literale im Quelltext umbrechen. (siehe Abschnitt »EscapeSequenzen« im Kapitel 4.3.2). textfeld = "Die erste Zeile." + "Die zweite Zeile."

Die concat()-Methode Statt des Konkatenationsoperators können Sie auch die concat()-Methode zum Verketten von Strings verwenden: var grusswort :String = "Hallo "; var name :String = "Sean"; var gruss :String ; gruss = grusswort.concat(name);

// "Hallo Sean"

Die concat()-Methode nimmt den String, für den sie aufgerufen wurde, verkettet ihn mit den Strings, die ihr als Parameter übergeben wurden, und liefert das Ergebnis als neuen String zurück. Werden der Methode mehrere Parameter übergeben, werden diese in der Reihenfolge ihrer Übergabe an die Methode an den Ergebnisstring angefügt: var grusswort :String = "Hallo "; var name :String = "Sean"; var gruss :String ; gruss = grusswort.concat(" ",name,"!"); // "Hallo Sean!"

1. Sofern Sie nicht gleich den Debugger verwenden wollen (siehe Kapitel 3.3).

160

Programmieren mit Strings

5.6.3

jetzt lerne ich

Stringlänge bestimmen

Die Länge eines Strings ist die Anzahl Zeichen im String. Sie können die Länge eines Strings über seine length-Eigenschaft abfragen: "Ich bin ein String!".length;

5.6.4

// = 19

Strings analysieren

In ActionScript können Sie Strings auf zweierlei Weise analysieren: 쐽 Sie können feststellen, welches Zeichen an einer bestimmten Position im String steht, und 쐽 Sie können umgekehrt feststellen, an welcher Position im String ein bestimmtes Zeichen steht. Die erste Frage beantworten Ihnen die beiden Schwestermethoden charAt() und charCodeAt(), die zweite Frage klären Sie mit den Methoden indexOf() und lastIndexOf(). Positionsangaben in Strings beginnen immer mit 0, das heißt, das erste Zeichen in einem String hat die Position 0, das letzte Zeichen hat die Position str.length-1.

2

charAt() und charCodeAt() Wenn Sie wissen möchten, welches Zeichen an einer bestimmten Position in einem String steht, rufen Sie die Methode charAt() auf und übergeben ihr die gewünschte Position (wobei Sie wie gesagt daran denken, dass das erste Zeichen die Position 0 hat). var str :String = "abcdefg"; var zeichen :String = str.charAt(3);

// zeichen = "d"

Wenn Sie statt des Zeichens den Code des Zeichens wissen möchten, verwenden Sie die Methode charCodeAt(): var str :String = "abcdefg"; var zeichen :Number = str.charCodeAt(3);

// zeichen = 100

Sie können die Methode charCodeAt() auch dazu verwenden, den Code eines Zeichens zu ermitteln: trace( "A".charCodeAt(0) );

1 161

jetzt lerne ich

5 Programmieren mit Zahlen und Strings indexOf() und lastIndexOf() Mithilfe der Methode indexOf() können Sie feststellen, ob ein bestimmtes Zeichen (oder eine Zeichenfolge) in einem String vorhanden ist, und wenn ja, an welcher Position das Zeichen steht (die Zeichenfolge beginnt). Beim Aufruf übergeben Sie der Methode einfach die zu suchende Zeichenfolge: str.indexOf("an");

Wenn die übergebene Zeichenfolge nicht in dem String (hier str) vorkommt, liefert die Methode den Wert -1 zurück. Wird die Zeichenfolge dagegen im String gefunden, liefert die Methode die Position des ersten Zeichens der Zeichenfolge im String zurück. var str :String = "abcdefg"; var pos :Number ; pos = str.indexOf("h"); pos = str.indexOf("def");

// pos = -1 // pos = 3

Nun könnte es natürlich auch sein, dass die gesuchte Zeichenfolge mehrere Male im durchsuchten String vorkommt. In diesem Fall liefert die Methode die Position des ersten Zeichens des ersten Vorkommens der Zeichenfolge. var str :String = "Banane"; var pos :Number; pos = str.indexOf("an");

// pos = 1

Wenn Sie auch die Positionen des nächsten Vorkommens wissen möchten, müssen Sie der Methode mitteilen, dass Sie mit dem Durchsuchen des Strings nicht am Stringanfang, sondern hinter dem letzten Vorkommen beginnen möchten: var str :String = "Banane"; var pos :Number; pos = str.indexOf("an", 3);

// pos = 3

Mithilfe einer while-Schleife (die Sie eigentlich erst in Kapitel 6.5.1 kennen lernen werden), kann man auf elegante Weise alle Vorkommen eines Zeichens oder einer Zeichenfolge in einem String aufspüren: var str :String = "Banane"; var pos :Number= -1; while ( (pos = str.indexOf("an", pos+1)) != -1) { trace("Vorkommen an Position: " + pos); }

162

Programmieren mit Strings

Die Methode indexOf() kann in Verbindung mit if-Bedingungen und Schleifen recht vielseitig eingesetzt werden – beispielsweise zur Korrektheitsprüfung von E-Mail-Angaben (siehe Übung 9 aus Kapitel 6).

jetzt lerne ich

1

Wenn Sie den String von hinten beginnend durchsuchen wollen, rufen Sie statt der Methode indexOf() die Methode lastIndexOf() auf.

5.6.5

Strings zerlegen

Zum Zerlegen von Strings stehen ganze vier Methoden zur Verfügung: 쐽 substr() 쐽 substring()

쐽 slice() und 쐽 split()

Die ersten drei Methoden extrahieren einen Teilstring und liefern diesen als neuen String zurück. Die vierte Methode zerlegt den String in mehrere Teile und liefert diese als neue Strings zurück. Der String, für den die Methoden aufgerufen werden, bleibt also stets unversehrt – die Methoden zerlegen ihn nur bildlich.

str.substring( anfang, ende ) str.slice( anfang, ende ) Die Methoden substring() und slice() liefern eine Kopie eines Teils des Strings zurück. Der Teilstring beginnt bei Position anfang und endet mit dem Zeichen vor der Position ende. var str1 :String = "Hallo Programmierer!"; var str2 :String ; str2 = str1.substring(6, 10); str2 = str1.slice(6, 10);

// liefert "Prog" // liefert "Prog"

Im Unterschied zur Methode substring() können Sie slice() auch negative Positionsangaben übergeben. Die Positionen werden dann vom Stringende statt vom Stringanfang gezählt (wobei dem letzten Zeichen die Positionsangabe -1 zukommt).

str.substr( anfang ) str.substr( anfang, laenge) Die Methode substr() liefert ebenfalls eine Kopie eines Teils des Strings zurück. Der Teilstring beginnt bei Position anfang und endet mit dem String oder nach laenge Zeichen.

163

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

var str1 :String = "Hallo Programmierer!"; var str2 :String; str2 = str1.substr(6); // liefert "Programmierer" str2 = str1.substr(0, 6); // liefert "Hallo "

str.split( trennzeichen ) Die Methode split() teilt einen String an allen Stellen, an denen das übergebene trennzeichen im String steht und liefert die einzelnen Teilstrings als Array (siehe Kapitel 7) zurück. var daten :String = "12,423,-23,5"; var messwerte :Array; messwerte = daten.split(",");

In messwerte[0] steht jetzt der Wert 12, in messwerte[1] der Wert 423 und so fort.

5.6.6

Strings umwandeln

Mithilfe der Methoden toLowerCase() und toUpperCase() können Sie alle Zeichen eines String in Klein- beziehungsweise Großbuchstaben umwandeln. Das Ergebnis wird wie gewohnt als neuer String zurückgeliefert: var str1 :String = "Hallo Programmierer!"; var str2 :String; str2 = str1.toUpperCase();

// "HALLO PROGRAMMIERER!"

Wenn Sie nur bestimmte Zeichen in einem String umwandeln wollen, verwenden Sie die Methode in Kombination mit charAt() oder indexOf(). Der folgende Code wandelt beispielsweise das erste Zeichen des Strings str in einen Großbuchstaben: str = str.charAt(0).toUpperCase() + str.substr(1);

5.6.7

Gleitkommazahlen in Strings umwandeln

Wie Sie wissen, wandelt der ActionScript-Compiler Zahlen in Kontexten, die einen String erwarten, automatisch in einen String um – so z.B. bei der Ausgabe von Zahlenwerten mit trace(): var zahl :Number = 5; trace(zahl);

164

// Ausgabe: 5

HTML-Formatierung

jetzt lerne ich

Selbstverständlich gilt dies nicht nur für ganze Zahlen, sondern auch für für Gleitkommawerte: var zahl :Number = 5.1234; trace(zahl);

// Ausgabe: 5.1234

Ärgerlich ist nur, dass manche Gleitkommazahlen so viele Nachkommstellen besitzen, dass sie bei Ausgabe in ein Textfeld oder auch in das Ausgabefenster nur schlecht zu lesen sind. var zahl :Number = 5 / 3; trace(zahl);

// Ausgabe: 1.66666666666667

Selbstverständlich könnten Sie die Gleitkommazahlen mit einer der Rundungsmethoden von Math auf- oder abrunden (beispielsweise trace(Math.round(zahl));), doch wird die Zahl dann unter Umständen stark verändert. Besser ist es, die Zahl auf eine bestimmte Anzahl Nachkommastellen zu runden. Um eine Zahl beispielsweise auf zwei Nachkommastellen zu runden, gehen Sie wie folgt vor: 1. Sie multiplizieren die Zahl mit 100 (102). 2. Sie runden das Ergebnis. 3. Sie dividieren die Zahl durch 100 (102). var zahl :Number = 5 / 3; zahl *= 100; zahl = Math.round(zahl); zahl /= 100; trace(zahl);

// Ausgabe: 1.67

oder schneller noch: var zahl :Number = 5 / 3; trace( Math.round(zahl*100)/100 );

5.7

// Ausgabe: 1.67

HTML-Formatierung

Text in Textfeldern können Sie in Flash auf zwei Wegen formatieren: 쐽 Sie können Schriftfarbe, -größe, -art sowie Ausrichtung und Einzüge über den Eigenschafteninspektor vorgeben. 쐽 Sie können im Eigenschafteninspektor die Option TEXT ALS HTML WIEDERGEBEN aktivieren und die Formatierung über HTML-Tags vornehmen.

165

5 Programmieren mit Zahlen und Strings

jetzt lerne ich

Tabelle 5.5: HTML-Tag Von Flash unterstützte ... HTML-Tags

Beschreibung Zur Einrichtung von Hyperlinks. Das Ziel des Links wird als Wert des Attributs href angegeben, der sichtbare Text des Hyperlinks steht zwischen den -Tags. Hyperlinks zu anderer Website: Klicke hier

Hyperlinks zu Webseite der eigenen Website: Zu Seite 2

Hyperlinks zu bestimmten Textstellen: Zuerst muss in der Zielwebseite ein Zielpunkt (Textmarke) für den Hyperlink definiert werden. Zu Absatz 1

Dann kann der Hyperlink aufgesetzt werden: Zu Absatz 1

oder Zu Absatz 1 auf Seite 1 ...

Fettschrift

Dieser Text ist fett ...

Zeilenumbruch

...

Ändert die Schriftfarbe roter Text

Sie können die Farbe nur als RGB-Wert angeben (Rot-, Grünund Blauanteil der Farbe werden jeweils durch einen Hexadezimalwert zwischen 00 und FF angegeben, siehe Kapitel 4.3.1 und 10.2). ...

Ändert die Schriftart

...

Ändert die Schriftgröße

...

Kursivschrift

Text Text Text

12pt-Text

Dieser Text ist kursiv ...

Einbettung eines Bildes.

Den URL zu der Bilddatei übergeben Sie dem Attribut src. Wenn Sie width und height spezifizieren (in Pixeln), wird die Größe des Bildes entsprechend skaliert.

166

HTML-Formatierung

HTML-Tag

Beschreibung

...

Listenelement. Den Elementen wird ein Aufzählungszeichen vorangestellt.

Hunde:

Collie

Chow-Chow

Setter

...

jetzt lerne ich

Tabelle 5.5: Von Flash unterstützte HTML-Tags (Forts.)

Absätze mit nachfolgendem Zeilenumbruch

Hallo

Besucher

Voraussetzung ist ein Textfeld mit mehrzeiligem Text und passender Höhe. Im Übrigen können Sie Zeilenumbrüche aber auch in den HTML-formatierten Texten mithilfe der EscapeSequenz \n erzeugen. Mithilfe des Attributs align können Sie die Ausrichtung des Textes im Textfeld festlegen. Mögliche Werte sind left, center und right:

Hallo

Hallo Besucher

Jetzt lerne ich OpenGL

Jetzt lerne ich XML

Jetzt lerne ich Unix

Jetzt lerne ich VB

Jetzt lerne ich Perl

Jetzt lerne ich Perl

Jetzt lerne ich Shell-Programmierung

Jetzt lerne ich Visual C++

Jetzt lerne ich C++ GERMAN

Jetzt lerne ich Visual Basic

Jetzt lerne ich Visual Basic

Jetzt lerne ich Delphi GERMAN

Jetzt lerne ich Java 5

Jetzt lerne ich MySQL & PHP

Jetzt lerne ich Visual Basic.NET GERMAN

Jetzt lerne ich VBA mit Access

Jetzt lerne ich Visual Basic GERMAN

Jetzt lerne ich Java 5 GERMAN

Jetzt lerne ich Datenbankprogrammierung mit Visual Basic 6

Jetzt lerne ich Spiele programmieren mit Blitz Basic GERMAN

Jetzt lerne ich PHP 5 und MySQL 4.1

Jetzt lerne ich Java - Der einfache Einstieg in die Internetprogrammierung

Jetzt lerne ich Spiele programmieren mit Flash GERMAN

Jetzt lerne ich Spiele programmieren mit Flash . Komplettes Starterkit für den einfachen und schnellen

C++ - Jetzt lerne ich... Komplettes Starter-Kit: ANSI C++-Compiler auf der Buch-CD

Ich lebe lieber hier und jetzt

Jetzt weiss ich was Liebe ist

Ich lebe lieber hier und jetzt Gossip Girl 06)

ActionScript Cookbook

Actionscript 3.0

Jetzt lerne ich ActionScript

Jetzt lerne ich OpenGL

Jetzt lerne ich XML

Jetzt lerne ich Unix

Jetzt lerne ich VB

Jetzt lerne ich Perl

Jetzt lerne ich Perl

Jetzt lerne ich Shell-Programmierung

Jetzt lerne ich Visual C++

Jetzt lerne ich C++ GERMAN

Jetzt lerne ich Visual Basic

Jetzt lerne ich Visual Basic

Jetzt lerne ich Delphi GERMAN

Jetzt lerne ich Java 5

Jetzt lerne ich MySQL & PHP

Jetzt lerne ich Visual Basic.NET GERMAN

Jetzt lerne ich VBA mit Access

Jetzt lerne ich Visual Basic GERMAN

Jetzt lerne ich Java 5 GERMAN

Jetzt lerne ich Datenbankprogrammierung mit Visual Basic 6

Jetzt lerne ich Spiele programmieren mit Blitz Basic GERMAN

Jetzt lerne ich PHP 5 und MySQL 4.1

Jetzt lerne ich Java - Der einfache Einstieg in die Internetprogrammierung

Jetzt lerne ich Spiele programmieren mit Flash GERMAN

Jetzt lerne ich Spiele programmieren mit Flash . Komplettes Starterkit für den einfachen und schnellen

C++ - Jetzt lerne ich... Komplettes Starter-Kit: ANSI C++-Compiler auf der Buch-CD

Ich lebe lieber hier und jetzt

Jetzt weiss ich was Liebe ist

Ich lebe lieber hier und jetzt Gossip Girl 06)

ActionScript Cookbook

Actionscript 3.0

Recommend Documents