Macromedia/Adobe Flash-Animationen

Transkript

1 Entwicklung webbasierter Anwendungen Macromedia/Adobe Flash-Animationen Jessica Parth HOCHSCHULE FÜR TECHNIK UND WIRTSCHAFT DRESDEN (FH) Fachbereich Informatik/Mathematik

2 Was ist Flash Bekannteste Seite YouTube Vergleichbar mit einem Film SWF-Container beinhaltet alle Objekte Objekte sind Vektoren, Grafiken, Audio, Video Frei Skalierbar Optimal bei jeder Auflösung Grundlage für Navigationselemente, animierte Elemente oder komplette Flash-Webseiten Einfache Präsentationsmöglichkeit für Werbefilme auf Webseiten

3 Im Detail Wird im Browser durch ein Plugin eingebettet Filmfläche mit Zeitleiste auf der sich Objekte beliebig plazieren, drehen und animieren lassen Steuerung über Keyframes Animation erfolgt über Interpolation automatisch Integrierte Skriptsprache ActionScript mit Möglichkeit JavaScript aufzurufen Nachladen und Abspielen beliebig weiterer Flashfilme Sehr platzsparendes Format

4 Geschichte 1992 Zusammenschluß von MacroMind und Authorware zu Macromedia 1997 Flash Version 1 & Version 3 Aktionenkonzept Transparenzen 1999 Version 4 Offenlegung der Spezifikation um als Web-Standard etabliert zu werden ActionScript 1.0 Interaktionen wie Formulare können erstmalig programmiert werden Integrierter MP3-Codec Quicktime-Unterstützung Weite Verbreitung durch Integration in Internet Explorer 5.0 und Windows98 Second Edition 92% Abdeckung erreicht mit Auslieferung von Windows XP

5 Geschichte 2000 Version 5 ActionScript wurde an ECMAScript-Standard angepasst 2002 Version 6 Flash MX Funktionsbibliothek erheblich erweitert Anpassung an ECMA-Standard weiter fortgeführt Integrierter Videocodec Disaster bei Macromedia mit Rich Internet Applications (2003) 2003 Version 7 Flash MX 2004 ActionScript 2.0 JavaScript kann aufgerufen werden

6 Geschichte 2005 Version 8 Adobe kauft Macromedia für 3,4Milliarden Dollar Anpassung an eigene Produkte 2006 Version 9 Bitmaps, Weichzeichner, Verzerrung, Schatten, Blending, neuer Videocodec XML-Unterstützung durch ActionScript 3.0 mit E4X Aktuell Beta Version 10

7 Programme und Tools Seit Offenlegung des Spezifikationen unzählige Anwendungen für Script-Entwicklung und Animation auf dem Markt FDT3 Eclipse Plugin - Produkte von Adobe Browserplugin sog. Player für alle Platformen (kostenlos) Flex Open Source SDK kostenlos Builder 3 nicht Flash CS3 Professional

8 ActionScript Skriptsprache with JavaScript Jedes Objekt oder KeyFrame kann ActionScript enthalten Reaktion auf Ereignisse und Manipulation der Eigenschaften OnClipEvent ( enterframe ){ var a = 0; a = this._rotation + 2; if ( a >= 360 ){ a = 0; } this._rotataion = a; }

9 ActionScript Nachladen von weiteren Flash-Dateien (Movie Containern) container ist der Name eines MovieClips _level0.container._x = 0; _level0.container._y = 0; _level0.container._visible = 0; loadmovie( el0.container); Zugriff auf container während des Ladevorgangs möglich _root.container.getbytestotal(); _root.container.getbytesloaded();

10 ActionScript Reaktionen auf Benutzereingaben on (rollover){ with (objektname){ gotoandplay (1); } } on (rollout){... } on (release){... } URL öffnen in Frame geturl( URL, targetframe );

11 Einbindung in HTML-Seite <object classid="clsid:d27cdb6e-ae6d-11cf-96b " width="600" height="400" codebase=" 0"> <param name="movie" value="nibbles.swf"> <param name="quality" value="high"> <param name="scale" value="exactfit"> <param name="menu" value="true"> <param name="bgcolor" value="#000040"> <embed src="nibbles.swf" quality="high" scale="exactfit" menu="false" bgcolor="#000000" width="600" height="400" swliveconnect="false" type="application/x-shockwave-flash" pluginspage=" P1_Prod_Version=ShockwaveFlash"> </embed> </object> Quelle:

12 Beispiele von Flash-Anwendungen Eigene Menüsteuerung Überblendungen und Animation Ratiotechnik Milde Nachladen von weiteren Flash-Content Komplexe Seiten einiger Flash-Spezialisten (von maasberg)

13 Noch mehr Seiten für Hilfe

14 Erstellung einer einfachen Flash- Anwendung Bewegungs-Tweening Form-Tweening Schaltflächen Ebenen Keyframes Symbole

15 Flash-Decompiler.fla->.swf und kann normal nicht in Entwicklungsumgebung geändert werden Film vor Input schützen ist nur ein Flag! Programme Action Script Viewer 5 Flash Decompiler Trillix Gordon Imperator Fla 4 ++ Sothink SWF Decompiler 3.7 SWF Extractor 2.2

16 Decompiling Abhilfe durch Copyright-Hinweise Wasserzeichen Zeichensätze nur die Zeichen einbetten lassen die verwendet werden Inhalt nachladen Komplexer verschachtelter Code <> Wartbarkeit Flash-Anwendung zählt als Computerprogramm somit 69a UrhG beachten! - (siehe Vorlesung Koitz)

17 Flash ist doch toll aber!? Inhalt kann nicht von Suchmaschinen erfasst werden Kein automatisierte Verarbeitung möglich Kein Zugang für behinderte Menschen (Screenreader) Anfangs Probleme mit Platformunabhängigkeit Proprietäres binäres Format > Spezifikation ist verfügbar und OpenSource wird von Adobe gefördert Sicherheitaspekte

18 Sicherheit Cookie-Klau geturl( javascript:document.location(' ); Platformübergreifend verfügbar und für Kriminelle dadurch verlockend HTTP-Header Daten können in Flash manipuliert werden Einbettung in Kommentaren gefährlich (Blogs, Foren, etc) Keine Analyse von Firewall, Filtern oder Antivirensoftware Sicherheitslücken direkt in Flash wie Buffer Overflows Cross-Site-Scripting durch fehlerhafte Authoringsoftware

19 Fazit Sinnvolle Nutzung von Flash ist abhängig vom Inhalt und dem Zielpublikum Übertriebene und überladene Animationen vermeiden Auf reinen Informationsseiten ist Flash fehl am Platze Gleichgewicht zwischen Spaß, Nutzen und Ladezeit