Abgabe, Flash Animation

Aufgabenstellung

Ziel war das Erstellen einer einfachen Flash Animation auf Basis des im Tutorium gelernten: Zeichnungsobjekte, Symbole, Schaltflächen, Bewegungs- und Formtweens, Pfade, Masken.

Idee

Eine Idee hatte ich zu Beginn keine, aber bei der Suche nach verschiedenen Flash-Tutorials, Effekten mit Flash und ähnlichem habe ich mich dazu entschlossen, eine Musik-Visualisierung eines beliebigen mit Effekt versehenen Textes zu machen.

Quellen

Sound Visualization in Flash CS3
Dynamic text effect
Random Bubbles made with ActionScript 3.0
Making Buttons Work in Flash CS3 (ActionScript 3.0)
MP3 Dateien: http://www.lastfm.de/music/+free (Danke an Andrea für diese Quelle)
... und viele mehr, die ich nicht alle notiert habe: Parameterübergabe an Flash, Starten / Stoppen eines Films, Event-Handler für Sound, Buttons, ...

Anmerkungen

Ich habe Vergleichsweise wenig Symbole, Tweens, Layers und ähnliches, da meine Flash Animation stark auf ActionScript 3.0 aufbaut. So wird etwa der zu animierende Text programmatisch erzeugt, aber auf Basis zweier selbst erstellter Komponenten/Symbole. Einzig die Bedienelemente (Stop- und Playbutton, Texteingabefelder für MP3-Url und Text, Beschrieftungen) wurden direkt zur Bühne hinzugefügt.

Einbindung in den Blog

Beim Veröffentlichen im Flash CS3 kann man sich auch eine HTML Datei generieren lassen, die auch Javascript enthält. Damit lässt sich eine Flash-Animation Browser-unabhängig einbinden. Ich habe dieses Javascript zu meinem Blog hinzugefügt. Falls Javascript deaktivert ist, wird direkt ein Object Tag zum Einbinden benutzt, allerdings ohne classid und basecode. Interessanterweise scheint IE diesen Tag trotzdem korrekt zu interpretieren, ebenso wie Firefox. Die Datei mit dem HTML Code der in diesem Beitrag zum Einbinden benutzt wurde: flash-embedded (txt, 3 KB)

Wichtige Tutorien & Beiträge

14. 5. 2008 Animation im Web

Bedienung

Man kann den Text der durch die Musik anmiert wird ändern, bzw. beim Einbinden des Flash direkt als Parameter mitübergeben. Das gleiche gilt für die Musik. Leider scheint bei der Anzeige im Browser die Verwendung externen MP3 Dateien nicht möglich zu sein. Man hört zwar die Musik, aber es wird nichts animiert. Beim Verwenden von auf dem Blog gespeicherter Musikdateien funktioniert die Animation.

Dateien

Flash SWF: read-think-learn.swf (swf, 7 KB)
Flash FLA: read-think-learn.fla (fla, 108 KB)
Musik 1: test-song.mp3 (mp3, 191 KB)
Musik 2: morningsunlight.mp3 (mp3, 4,111 KB)
http://freedownloads.last.fm/download/29453608/Morning Sunlight.mp3