Medienproduktion Sommersemester Dipl.-Inform. Alexander Schulze Prof. Dr. Ing. Klaus Rebensburg

Transkript

1 Medienproduktion Sommersemester 2010 Dipl.-Inform. Alexander Schulze Prof. Dr. Ing. Klaus Rebensburg

2 Ablauf Heute Fortsetzung Programmierung mit Flash falls Zeit bleibt: Grundlagen digitaler Medien

3 Flash - Fortsetzung - Programmierung mit ActionScript 3

4 Actionscript 3 Programmierung mit Zeitleisten Zeitleisten als einer der Mechaniken für Animationen verstehen verschaltete unabhängige Zeitleisten kennenlernen Movieclips nutzen Schaltflächen verwenden weitere Symbole-Typen verstehen: Schaltfächen Schaltflächen-Events verarbeiten good practice: OOP und Dokumentklassen Trennung von Code und Design kennenlernen

5 ActionScript Actionscript und die Zeitleiste Übungen

6 medienproduktion/interactive-media/flash/actionscript/zeitleiste Zeitleiste: die Fakten Scripte können Bilder zugeordnet werden Ausführung, wenn PlayHead Bild erreicht Flash-Anwendung genau eine Hauptzeitleiste jeder MovieClip darin eigene Zeitleiste Zeitleisten laufen unabhängig Skript-Befehle können PlayHead steuern anhalten: stop(), springen: gotoandplay(),...

7 Übung Zeitleisten 01

8 medienproduktion/interactive-media/flash/actionscript/zeitleiste Übung - Arbeitsschritte und Lerneffekte Textzähler in Hauptzeitleiste erzeugen Verständnis Bilder vs. Schlüsselbilder Bildrate einstellen erster Kontakt mit Dokumenteigenschaften Trace-Ausgaben an einzelnen Bildern Skripte als Aktionen einsetzen Verständnis Abspiel-Mechanik Sprungbefehle einfügen Steuerung Zeitleiste durch AS kennenlernen

9 Übung Zeitleisten 02

10 medienproduktion/interactive-media/flash/actionscript/zeitleiste Übung - Arbeitsschritte und Lerneffekte MovieClip mit weiterem Zähler erzeugen Konzept MovieClip kennenlernen Instanzen des MovieClips verwenden Konzept Symbole & Instanzen verstehen Zeitleisten getrennt mit AS steuern Anwendung Zeitleisten-Befehle auf mc s Ansprechen von Instanzen durch AS Konzept getrennter Zeitleisten verdeutlichen

11 ActionScript Schaltflächen Übungen

12 medienproduktion/interactive-media/flash/actionscript/schaltflächen Schaltflächen: die Fakten Schaltflächen sind immer Symbole Element in Bibliothek drag-n-drop erzeugt Instanz Schaltflächen klassisch Symboltyp Schaltfläche Schaltflächen alternativ Symboltyp Movieclip Schaltflächen klassisch eigene Zeitleiste, ein oder mehrere Ebenen Zustände: Auf, Drüber, Gedrückt, Aktiv

13 Übung Schaltflächen 01

14 medienproduktion/interactive-media/flash/actionscript/schaltflächen Übung - Arbeitsschritte und Lerneffekte Schaltflächen-Symbol erzeugen und bearbeiten Funktion kennenlernen mehrere Instanzen anlegen Klick-Events mit Actionscript verbinden Zugriff auf Schaltflächeninstanz in AS Event-Handling kennenlernen Zeitleisten-Funktionen mit Schaltflächen auslösen Anwendung von Schaltflächen zur Steuerung übern

15 ActionScript Dokumentklassen - Einführung & Übung

16 medienproduktion/interactive-media/flash/actionscript/goodpractice/dokumentklasse Dokumentklassen: die Fakten...erlauben auf Code in der Hauptzeitleiste zu verzichten...erlauben bessere Trennung von Code und Darstellung...werden in separater.as-datei im Textformat gespeichert...enthalten den Haupteinstiegspunkt einer Flash- Anwendung...müssen mit der FLA-Datei explizit assoziiert weren

17 medienproduktion/interactive-media/flash/actionscript/goodpractice/dokumentklasse Dokumentklasse: Workflow Dokumentklasse erstellen und in AS-Datei speichern FLA erzeugen und Bühne mit Dokumentklasse assoziieren mydocument.as

18 medienproduktion/interactive-media/flash/actionscript/goodpractice/dokumentklasse Dokumentklasse: Beispiele Beispiel //Eine elementare Dokumentklasse package { // Die Dokumentklasse muss zwingend eine Subklasse von // MovieClip oder von Sprite sein //import flash.display.sprite; import flash.display.movieclip; //Die Klasse muss public sein //public class dokumentklasse extends Sprite{ public class dokumentklasse extends MovieClip{ //Der Konstruktor muss public sein public function dokumentklasse(){ trace("die Dokumentklasse läuft"); } } }

19 1. Übung Dokumentklassen

20 medienproduktion/interactive-media/flash/actionscript/goodpractice/dokumentklasse Übung - Ziele und Arbeitsschritte erste Schritte mit Actionscript machen einen Flash-Film (.FLA) anlegen eine externe Actionscript anlegen eine Dokumentklasse programmieren Flash-Film mit Dokumentklasse assoziieren

21 2. Übung Dokumentklassen

22 medienproduktion/interactive-media/flash/actionscript/goodpractice/dokumentklasse Übung - Ziele und Arbeitsschritte Umstellung des Beispiels der Übung Schaltflächen auf komplette Trennung von Code und Design Zugriff auf Instanzen aus Dokumentklassen importieren von AS-Klassen Arbeitsschritte im einzelnen: verbinden der Flash-Datei mit Dokumentklasse entfernen alles Skripte aus der Flash-Datei erweitern der Dokumentklasse um Funktionalität der entfernten Skripte