Kaleidoskop
| Thema: |
Kaleidoskop |
| Description: |
Ein Kaleidoskop gestalten. Es verändert seine Muster ständig, läßt sich aber auch mit "mouseover" beeinflussen.
|
| Keywords: |
Flash, Kaleidoskop, |
| Author: |
Almut
Hubrich |
| Date: |
25.11.01 |
| Doc-ID: |
47-001 |
| URL: |
http://www.uhustein.de |
| Version: |
Flash 5 |
| Änderungen: |
- |
| Anforderungen: |
- |
| Vorkenntnisse: |
Grundkenntnisse Flash |
| Download: |
PC: Kaleidoskop
|
|
Was bringt dieses Tutorial?
Ein Kaleidoskop gestalten. Es verändert seine Muster ständig, läßt
sich aber auch mit "mouseover" beeinflussen. Das Action-script dazu
ist ist sehr flexibel, so daß viele Variationen möglich sind. Jede
Menge Beispiele finden Sie auf meiner Homepage.
Das Drumherum
Hier eine mögliche Aufteilung der Ebenen:
Die "Maske" ist so groß wie der ganze Film. Sie soll verhindern,
daß die Teile des Kaleidoskopes über den Rand sichtbar sind. Das
ist natürlich nur sinnvoll, wenn das Kaleidoskop in einem anderen Film
eingebettet werden soll.
Die "Beschriftung" hat mit der Funktion des Kaleidoskopes nichts zu
tun. Sie bezieht sich auf die "Gebrauchsanweisung" und den Link auf
meine Seite.
Die anderen Teile folgen unten.
Die "große Schaltfläche" ist auf nebenstehender
gif.Datei nur schlecht zu erkennen. Sie ist der Hintergrund und hat eigendlich
fließende Übergänge.
Sie hat das Action-Script wie angegeben. Bei "rollOver" soll die Filmsequenz
"maus" mit Drag and Drop bewegt werden können. Außerdem
soll der Wiedergabekopf in dieser Filmsequenz auf Bild 2 springen. Bei "release"
bzw "rollOut" wird Drag and Drop beendet und der Wiedergabekopf springt
wieder auf Bild 1.
Der "mausfoger" hat auf der Bühne den Instanznamen "maus".
Wird er durch die "große Schaltfläche" ativiert, folgt
ihm die Filmsequenz "blau". Und über diese alle anderen Teilchen
des Kaleidoskopes. Er hat drei Bilder mit dem nebenstehenden Action-Sript. Im
ersten Bild stopt er und wird unsichtbar. Die beiden folgenden Bilder bilden
eine Endlosschleife die "blau" immer wieder die Koordinaten von "maus"
gibt.
Das Kernstück
"blau" ist der "sinnvolle" Name folgender Filmsequenz. Sie
besteht aus einer einfarbigen Grafik, die in eine Filmsequenz konvertiert wurde.
Ation-Script enthält sie nicht.
"clip" hat auf der Bühne den Instanzname "clip1". Er
enthält acht Instanzen der Filmsequenz "blau" mit den Namen "blau"
bis "blau17". Diese Instanzen werden wie nebenstehend gespiegelt.
Die Aktionen der Instanz "blau" unterscheidet sich deutlich von
den der anderen Instanzen, wie Sie nebenstehend ersehen können. Sie regelt
die Bewegung des Kaleodoskopes, wenn nicht Drag and Drop gewählt wurde.
Bei jeder Bildwiederholung soll sowohl die x-Position als auch die y-Position
um die Variable "a" erhöht werden. In diesem Beispiel wäre
der Einsatz einer Variablen nicht nötig. Statt ihrer könnte einfach
eine Zahl zB "1" eingesetzt werden. Eine Variable brauchen Sie, wenn
die Geschwindigkeit eingestellt werden können soll. Außerdem regelt
dieses Script was pasieren soll wenn die Koordinaten von "blau" - hier
einfach "this" - zu groß werden.
Die Aktionen der anderen Instanzen sind sich ähnlich . Sie bestimmen deren
Position in Bezug zu "blau". Ihre Bewegung verläuft ein- oder mehrfach
gespiegelt zu "blau". Die Zahl 400 gibt einen Abstand vor - wo sinnvoll.
Den "Mittelpunkt" - das kleine Kreuzchen - vom "clip1" legen
Sie nun genau auf die linke obere Ecke des Hauptfilmes - auf dessen 0,0 Punkt.
So kommt das Kaleidoskop genau in die Mitte.
Jetzt müßte das Kaleidoskop laufen.
Stört Sie es, daß die Teile sich beim Aufruf des Filmes in den Ecken
herumdrücken?
Dann fügen Sie Im ersten Bild des Hauptfilmes noch folgende Aktion bei:
clip1.blau._x = 200
clip1.blau._y = 200
Jetzt entfaltet sich das Kaleidoskop aus seiner Mitte.
Viel Erfolg und Spaß mit dem Kaleidoskop wünscht www.uhustein.de
