Interaktive Animation per ActionScript

Hier zur Abwechslung 2 Varianten der klassischen Mouse-Follower-Aufgabe, die FLA-Dateien dazu kommen aufbereitet und kommentiert am 28.6.

Folien 21.06.2007

Hier die Inhalte vom 21.06.2007.

Functions & Prototypes

Die FLA-Datei zum unspektakulären Film oben.

MS Surface und Mercedes C-Klasse

Über Microsoft Surface haben wir ja schon im Seminar gesprochen, die Website dazu ist ein schönes Beispiel für gute Animation und Videointegration in Flash. Ganz anders und einfach schön ist die neue britische Website für die C-Klasse von Daimler Benz.

Bildergalerien mit externen Bildern und Daten

Und hier die besprochenen FLAs:
Das Bilderstreifen alleine
Komplette Bildergalerie als Zip

plasticparticles.de

plasticparticles.de ist eine Art Sammlerstückkatalog verpackt in einem Jump’n’Run à la Super Mario nur mit Affe und ohne Pilze und Röhren.

Bis zu einem bestimmten Punkt ist es möglich die Seite ohne eine Maus zu verwenden zu erkunden. Mit den Pfeiltasten lässt sich ein kleiner Affe durch die Seite steuern. An bestimmten Stellen wird, ausgehend vom Aufenthaltsort des Affens Text gescrollt, an anderen erscheinen Kästchen in der Luft, welche für jeweils einen Artikel aus dem Katalog stehen. Lässt man den Affen darauf springen wird in einer Sprechblase der jeweilige Artikel samt Beschreibung gezeigt. Drückt man nun eine Nummer auf der Tastatur wird entsprechend der gedrückten Taste eine Bestellmenge für den Artikel eingetragen. Dadurch lassen sich lediglich Nummern zwischen 0 und 9 eingeben. Sobald sich Artikel im "Wagen" befinden lässt sich dieser über einen am oberen Bildrand erscheinenden Button mit der Maus erreichen.
Neben den Elementen durch welche man zusammen mit dem Affen den eingetlichen Inhalt der Seite enthüllen kann sind auch ein paar Spielereien enthalten, z.B. Sprungfedern, welche den Affen bei Betreten in die Lus
ft schleudern, Wolken, welche sich sobald sich der Affe darauf befindet Seitlich in Bewegung setzen oder Figuren im Hintergrund die AUf die Anwesenheit des Affens reagieren.
Die Seite ist sehr übersichtlich. Das trifft leider auch auf die zu entdeckenden Gimmicks zu wodurch sie auch schnell durchforstet ist. Die Idee eine Homepage wie ein Jump'n'Run anzulegen ist allerdings recht lustig.

Pascal

(Vertikal) Scrollen

Die ganz einfache Lösung mittels AS2 und der Textfeld-Eigenschaft „scrollable“: In der Anmutung nicht grade eben elegant, dafür denkbar einfach und winzig klein (<1 KB!) [FLA]

Dieselbe Lösung, ein klein wenig verändert, damit kontinuierliches Scrollen möglich ist [FLA]:

Weiter gehts mit einem dragable Scrollbar zwischen den Buttons. Dazu kommt noch in diesem Fall im Textfeld ein dynamischer Text aus einer Variable. [FLA]

Deutlich besser ist dann nochmal diese Variante hier: Sie erlaubt weiches (smoothes) Scrolling, der Scrollbar ändert seine Höhe im Verhältnis von Textfeld-/Maskenhöhe zu Textmenge, man kann überall in den Scrollbereich klicken um direkt an eine Textstelle zu springen,... [FLA]