1 Klick.jp

Roxik.com Toy 1

SWFAddress - Deep linking in Flash

SWFAdress ist ein kleines Script, das einzelne 'deep links' in Flashfilme ermöglicht (hier ein Beispiel). Das kann für die Benutzbarkeit einer Flash-Website eine deutlich verbesserung sein! Das Script ist eine hervorragende Ergänzung zum ähnliche angelegten SWFOject, auf dieser Website ausführlich (auf englisch) erklärt.

SWF Object SO-Tester

Hier für alle die kein Flash 8 benutzen die Datei so_tester.fla zum SWF Object von Geoff Stearns als Flash 7-Version.

Stage Resize und Align

In dieser FLA-Datei ist nochmal exemplarisch gezeigt, wie man einen Flashfilm für die Anzeige im Browserfenster vorbereitet - interessant z.B. zum Gestalten eines Flash-Banners für die HBK-Website.

Actionscript Variablen-Handling

Hier die Vorlagendatei zu Umgang/Weitergabe mit Variablen kreuz und quer durch einen Flashfilm.

Monoface

Da kann man lange Fratzen zusammenklicken :)

Dubois meets Fugger + IAAH

Zwei schöne, durchanimerte Navigationen mit viel Variation und Ton (ganz so aufwendig muß die Navigation der Semesteraufgaben natürlich nicht sein)

Übungsaufgabe 6 (die letzte :)

Als letztes solltet Ihr die Aufgaben mit einem Menü zusammenfassen und navigierbar machen. Also bietet es sich an, eine Datei „start.swf“ (Bühnengröße z.B. 800x600px?) mit den von Euch gestalteten Navigation zu erstellen. In diese werden dann mittels 'loadMovie()' die swfs der anderen Aufgaben nachgeladen.

Zusätzlich solltet Ihr noch einen 6.Navigationspunkt vorsehen, dort verlinkt Ihr einen kurzen Text, in dem Euer Name, Matrikelnummer, Kursname, Semester, ... stehen, vernünftig lesbar gesetzt (wer will auch gern mit Foto, animiert,... um es gestalterisch etwas interessanter zu machen).

Alles zusammen brennt Ihr bitte auf CD, die Ihr mit Eurem Namen und „Digitales Entwerfen Flash WS 06/07“ beschriftet im IMF zu Händen Prof. Eku Wand abgebt - und zwar bis Ende des Semesters (also erste Aprilwoche 2007 glaube ich ;)

Bei Fragen einfach fragen, ansonsten VIEL SPASS!

Übungsaufgabe 5

Es soll ein Banner für die Webseite der HBK erstellt werden. Dazu können fast alle gewünschten Möglichkeiten genutzt werden (ein wenig Actionscript zu üben ist mit Sicherheit nicht von Nachteil). Einzige Einschränkungen: Bitte nur Sound verwenden, wenn auch ein Stumm-Button im Banner eingebaut wird und insgesamt etwas auf die Dateigröße achten - sowie auf das ungewöhnliche Format des Banners: 69 px Höhe und flexible Breite (800 - 1600 px!).

Die Vorlagendatei für die HBK-Banner (mit dem Logo,...) könnt Ihr hier als Flash 6- und hier als Flash 7-Datei herunterladen.

Übungsaufgabe 4

Es soll eine interaktive Animation erstellt werden. Dabei bietet es sich an, kleine Actionscripte wie etwa

onClipEvent (enterFrame) {
this._x += (_root._xmouse-this._x)/4;
this._y += (_root._ymouse-this._y)/4;
}

zu nutzen, um MovieClip-Instanzen auf der Bühne in Laufzeit (also 'onEnterFrame') relativ zur Position des Maus-Cursors (also z.B. '_root._xmouse') zu animieren.
Eine Beispieldatei findet Ihr z.B. hier.

Übungsaufgabe 3

Diesmal soll eine frei wählbare Flash-Animation/Video/... mit einer Video-Fernbedienungs-Steuerung für den User interaktiv bedienbar gemacht werden.
Es soll also eine Reihe von Grafiken erstellt werden, die als Play-, Stop-, Pause-Buttons usw. erkennbar sind (z.B. mit Textbeschriftung, Grafiksymbolen,...) Diese werden jeweils als Schaltflächen-Symbole in die Bibliothek gelegt, dann auf der Bühne passend zur Animation platziert und dann mit Scripten versehen.

Nochmal als Gedächtnisstütze hier kurz das Grundschema für ein kleines Skript auf einem der Buttons:

on (Eventart) {
Instanzname_des_zu_steuernden_Movieclips.Steuerbefehl();
}

also z.B.

on (press) {
wasserfall.gotoAndPlay(1);
}

ergibt einen Button, der die Animation namens 'wasserfall' zu Bild 1 (also dem Anfang ihrer eigenen inneren Zeitleiste) zurückspringen läßt und von dort neu abspielt.

Übungsaufgabe 2

Eine längere Animation erstellen nicht nur mit Keyframes, sondern mit blauen und grünen Tweenigs. Zur Erinnerung: Das (blaue) Bewegungstweening für gruppierte Elemente, Objekte und Symbole aus der Bibliothek - das (grüne) Formtweening für Handgezeichnetes, einzelne Linien, Flächen und offene Objekte. Dabei Möglichst jedes Objekt das einzeln gewteent werden soll auf eine eigene Ebene. Es kann eigenes Bild- und Grafikmaterial verwendet werden oder die MovieClips aus der Bibliothek der Vorlagendatei zur zweiten Aufgabe. Diese kann hier heruntergeladen werden.

Wichtig ist vor allem, die Möglichkeiten zur Verschachtelung von Objekten zu Nutzen, d.h. in einem MovieClip wiederum Grafik und Objekte zu animieren und die Animationen bewußt zueinander zeitlich zu platzieren. Verschachtelung ist der wesentliche Grundgedanke des Arbeitens in Flash - das müßt Ihr so lange probieren bis Ihr Euch damit sicher fühlt! Wenn man das nicht verstanden hat, kann man mit Flash nicht vernünftig arbeiten.

Der Film soll möglichst gezielt auf einen oder mehrere Sounds hin animiert werden, dazu könnt Ihr beliebige Geräusche/Töne verwenden (z.B. von hier). Diese einfach über DATEI > IMPORTIEREN in die Bibliothek legen und von dort auf die Bühne ziehen. In der Zeitleiste sieht man dann schon eine blaue Hüllkurve der Lautstärke als Vorschau und Hilfe zur Animation, wie lange der jeweilige Ton zu hören ist.

Übungsaufgabe 1

Wir fangen ganz einfach an: Eine einfache Animation mit Keyframes. Bühnengröße ist 550x400 Pixel mit 12 Bildern pro Sekunde. Die Animation soll loopen können, also am Ende wieder zum Anfang springen und ohne störende Ruckler durchlaufen.
Ziel der Übung ist kein abendfüllendes Flash-Kunstwerk, sondern einfach erstmal mit den Zeichenwerkzeugen, den Ebenen, Schlüsselbildern, Bildwiederholungen und einigen wichtigen Tastaturkürzel (F5, F6, F7,...) vertraut zu sein. Als Länge der Animation reichen bereits ein oder zwei Sekunden wenn Ihr Euch sicher seid, das Ihr mit und in der Zeitleiste sicher arbeiten könnt.
Ein Beispiel wie eine einfache Bild-für-Bild-Animation aussehen kann (und was man z.B. mit Tweenings schlecht hinbekommt) ist hier.