Flash CS5 Crashkurs und Update

Transkript

1 Flash CS5 Crashkurs und Update Saban Ünlü 1

2 Flash Plattform 2

3 Adobe Technologie Plattform Anwendungen Adobe Media Player Adobe Buzzword Acrobat Connect Designer/Developer Tools Clients Adobe AIR Adobe Flash Player Frameworks Creative Suite 5 Ajax Flash Builder Servers/Services Flash Builder 40 LiveCycle ColdFusion Flash Media Server Flash Cast

4 Versionen Aktionen ActionScript 1 ActionScript 2 ActionScript 3 MXML (Flex 3) Flash Player 2 5 (Flash Lite 1.x) 6 (Flash Lite 2.x) 9 9 Compiler Flash 2 Flash 5 Flash 6, MTASC Flash CS3, Flex SDK Flex SDK Basiert auf - ECMAScript 3 (JavaScript) ECMAScript 4 (JavaScript 2) ECMAScript 4 (JavaScript 2) XML, ActionScript, Flex Framework Bytecode AVM1 AVM1 AVM1 AVM2 AVM2 Performance mittel mittel mittel hoch hoch Lernkurve steil steil mittel flach steil Ähnliche Sprachen - ActionScript for Communication (SSAS) - - MXML (Flex 1.x), CFML, JSP 4

5 Adobe Flash Arbeitsumgebung 5

6 Adobe Flash - Arbeitsumgebung Bühne und Arbeitsfläche Zeitleiste Werkzeugleiste Bibliothek (m. Symbolen) Bedienfelder Eigenschaften (Content-sensitiv) Aktionen-Fenster 6

7 Adobe Flash Erstellen und Modifizieren Farben Massiv Verlauf Formen Strich Füllung Zeichenwerkzeuge Sprühen (CS4) Deko (CS4) 3D (CS4) Inverse Kinematik (CS4) Modifizieren Formen und Farben anpassen Text TLF 7

8 Adobe Flash Gruppen, Symbole und Instanzen Gruppe Objekte schützen Objekte zeichnen Symbol Typen (Grafik, Button, MovieClip) Erstellen Instanz vs Form Symbol bearbeiten Ineinanderschachteln von Symbolen 8

9 Adobe Flash Gruppen, Symbole und Instanzen Bibliothek Typen Optionen 9

10 Adobe Flash Gruppen, Symbole und Instanzen Instanz Eigenschaften Bewegungs-Tweening 10

11 Adobe Flash Bilder / Ebenen in der Zeitleiste Ebenen Ebene Maske Führungsebene Ebeneneigenschaften Gruppen (Stapelreihenfolge vs Grundfläche) 11

12 Adobe Flash Bilder / Ebenen in der Zeitleiste Zeitleistenordner Strukturiertes Arbeiten schnellere Anpassung von Animationen 12

13 Adobe Flash Bilder / Ebenen in der Zeitleiste Bilder - Schlüsselbild - Leeres Schlüsselbild - "Füllbild" (Lebensdauer eines Schlüsselbildes) - Zwiebelschichteneffekt - Szene 13

14 Adobe Flash - Animation Bild-für-Bild-Animation Zwiebelschichteneffekt In Schlüsselbilder konvertieren 14

15 Adobe Flash - Animation Form-Tweening (Shape-Tweening) Workflow (Start, Ende und Eigenschaften) Abbremsen und Beschleunigen Verteilt oder Winkelförmig Formmarken 15

16 Adobe Flash - Animation Bewegungs-Tweening (Classic) Workflow (Symbol, Start, Ende und Eigenschaften bestimmen) Drehen, Skalieren und weitere Einstellungsmöglichkeiten Abbremsen und Beschleunigen Bewegungspfad 16

17 Adobe Flash - Animation Bewegungs-Tween (neu) und der Editor Schnellere Erstellung und Anpassen Übersichtliche Steuerung von Animationsparametern Abbremsen und Beschleunigen Ersetzt den Bewegungspfad 17

18 Adobe Flash Importieren und Exportieren Importieren Direkt in die Bibliothek Verschiedenste Bild-, Ton- und Videoformate Vektoren 18

19 Adobe Flash Importieren und Exportieren Exportieren Einzelbilder Film 19

20 Adobe Flash Importieren und Exportieren Bitmaps (Pixel-Bilder) Bitmaps importieren Bitmaps verwenden Als Objekt Als Füllung (Textur) Bitmaps vektorisieren Nachzeichnen 20

21 Adobe Flash Importieren und Exportieren Sounddateien Soundformate Import Komprimierung Soundtypen Ereignis Start Stopp Stream 21

22 Adobe Flash Importieren und Exportieren Sounddateien Soundeffekte Hüllkurve Sound exportieren Bezugsquellen für Sound 22

23 Adobe Flash Importieren und Exportieren Video Video importieren Formate Komprimierung Spark On2 Vp6 HD (mp4, aac) Video verwenden Beispiele Ausblick Video exportieren 23

24 Adobe Flash Veröffentlichen Filme testen und optimieren Testmodus Bandbreitenprofiler Veröffentlichen Formate und Einstellungen swfobject 24

25 Adobe Flash Programmierung 25

26 DOM STAGE LoaderInfo Object SWF main class instance loaderinfo DisplayObjectContainer DisplayObject DisplayObjectContainer DisplayObject DisplayObjectContainer contentloaderinfo DisplayObjectContainer DisplayObject LoaderInfo Object loaderinfo Loaded Object 5

27 Hauptanzeigeobjekte 6

28 EventDispatcher MovieClip Sprite DisplayObjectContainer Ereignisse Kontrolle addeventlistener() dispatchevent() haseventlistener () removeeventlistener() willtriggerevent() InteractiveObject DisplayObject EventDispatcher Object 7

29 DisplayObject MovieClip Anzeige relevante Eigenschaften und Methoden x, Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object y visible alpha loaderinfo transform getbounds() getrect() hittestobject() 8

30 InteractiveObject MovieClip Sprite DisplayObjectContainer InteractiveObject Verwaltung der Interaktionsmöglichkeiten contextmenu doubleclickenabled focusrect mouseenabled tabenabled tabindex DisplayObject EventDispatcher Object 9

31 DisplayObjectContainer MovieClip Sprite DisplayObjectContainer Verwaltung aller Display Objekte mousechildren numchildren tabchildren textsnapshot InteractiveObject DisplayObject EventDispatcher Object addchild() addchildat() contains() getchildat() getchildbyname () 10

32 Sprite MovieClip Sprite DisplayObjectContainer InteractiveObject Wie MovieClip hat aber keine Frames ( Zeitleiste ) buttonmode graphics hitarea soundtransform startdrag () DisplayObject stopdrag () EventDispatcher Object 11

33 MovieClip MovieClip Sprite DisplayObjectContainer InteractiveObject Zeitleistenbasierte Eigenschaften und Methoden currentframe currentlabel currentlabels currentscene enabled DisplayObject EventDispatcher gotoandplay () gotoandstop () Object 12

34 EventDispatcher 30

35 EventDispatcher 31

36 EventDispatcher 32

37 EventDispatcher 33

38 EventDispatcher 34

39 EventDispatcher 35

40 EventDispatcher 36

41 EventDispatcher 36

42 Adobe Flash Veröffentlichen Filme Steuerung MovieClip Selbst gemacht Code Snippets Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object 42

43 HTTP Anforderungen URLRequest bestimmt die URL von der wir die Daten verarbeiten wollen url data method navigatetourl ist hierbei das einfachste Anwendungsbeispiel einer Anforderung URLVariables Dient als Container für empfangen bzw. zu sendende Informationen 57

44 HTTP Anforderungen Exkurs Air 2.0 MultiTouch GestureEvent Geolocation iphone Erstellung Tipps und Tricks Veröffentlichung 57

45 45