Die etwas andere Mausverfolgung
Thema:
|
Mausverfolgung |
Description:
|
Ein Klassiker unter den Desktopgags, das Augenpaar,
welches die Maus nicht aus den Augen lässt.
|
Keywords:
|
Flash, Mausverfolgung, Symbole, Instanzen,
Drag MovieClip
|
Author:
|
BJG
<R.Griebel>
|
Date:
|
24.06.2k
|
Doc-ID:
|
19-001
|
URL:
|
http://www.flashworker.de/tutorial/19/001.html
|
Version:
|
1.0a
|
Änderungen:
|
Verzögerung
|
Anforderungen:
|
Flash 4
|
Vorkenntnisse:
|
Flash Grundkenntnisse, Action Script Grundkenntnisse
|
|
|
Download:
|
PC: "001_mausverfolgung.zip",
88 kB
|
|
Was bringt dieses Tutorial?
|
|
|
Abb.1: Popup-Fenster: Hier das Fla.
|
|
|
Dieses Tutorial soll anhand dieses Beispiels die Funktionsweise einer einfachen Mausverfolgung aufzeigen.
Vorausgesetzt werden Grundkenntnisse in Flash und HTML.
Das verwendete Beispiel stellt einen Lösungsansatz zu einer einfachen Mausverfolgung dar, in dem der gewünschte Effekt in einem genau definierten Bereich stattfindet.
Die Augen erstellen.
Erstelle zwei neue Symbole mit der Bezeichnung "Auge" und "Pupille". Das Symbol Auge verhält sich als Grafik und Pupille als Filmsequenz. In dem Symbol Auge wird nun eine Ellipse erstellt und dupliziert. Mit den Inspektoren ( Strg-Alt-I ) kann man die genau Position des linken Auges zum Rechten definieren.
Die Pupillen werden genauso erstellt, nur daß die Ellipsen gefüllt werden.Wichtig ist hierbei zu beachten, daß
die Pupillen den gleichen Abstand zueinander haben wie die Augen.
Der unsichtbare MC.
Erstelle ein neues Symbol mit der Bezeichnung "unsichtbar". Das Symbol unsichtbar verhält sich als Filmsequenz. In diesem Symbol wird nichts weiter gemacht, da wir es nur als
Fixpunkt benötigen ,um die Position der Maus zu bestimmen.
Alles Einfügen.
Benenne die erste Ebene "Augen", markiere den ersten Keyframe und ziehe eine Instanz der Augen aus der Bibliothek auf die Bühne. Die Pupillen fügst Du in die selbe Ebene ein und benennst diese Instanz "p".
Benenne eine neue Ebene "Unsichtbar", markiere den ersten Keyframe und ziehe eine Instanz vom MC-Unsichtbar aus der Bibliothek auf die Bühne und positioniere diese in die Mitte der Instanz "p". Benenne diese Instanz "c".
Der Drag Movie Clip.
Erstelle eine neue Ebene und benenne sie "Darg Movie".Im ersten Keyframe fügst Du folgende Action ein.
Start Drag ("/c", L=334, T=194, R=360, B=230, lockcenter)
(Hier wir die Instanz "c" als Mausverfolger deklariert. Da "c" sich aber nur in dem Bereich bewegen darf wie die Pupillen, wird hier
dieser Bereich als ein Rechteck gleich mit definiert.)
Die Geschwindigkeit.
Erstelle eine neue Ebene und benenne sie "Actions".Im ersten Keyframe fügst Du folgende Action ein.
Set Variable: "cx" = GetProperty ("/c", _x) (Hier wird die X-Position von der Instanz c ermittelt)
Set Variable: "cy" = GetProperty ("/c", _y) (Hier wird die Y-Position von c ermittelt)
Set Variable: "oldx" = GetProperty ( "/p", _x ) (Hier wird die aktuelle X-Position von der Pupille ermittelt)
Set Variable: "oldy" = GetProperty ( "/p", _y ) (Hier wird die aktuelle Y-Position von der Pupille ermittelt)
Set Variable: "speedy" = oldy - (oldy - cy) / 16 (Hier wird die Geschwindigkeit in Richtung der Y-Achse definiert)
Set Variable: "speedx" = oldx - (oldx - cx) / 16 (Hier wird die Geschwindigkeit in Richtung der X-Achse definiert)
Set Property ("/p", X-Position) = speedx (Hier wird die Pupille mit der definierten Geschwindigkeit auf die X-Position gesetzt)
Set Property ("/p", Y-Position) = speedy (Hier wird die Pupille mit der definierten Geschwindigkeit auf die Y-Position gesetzt)
Im zweiten Keyframe fügst Du folgende Action ein.
Go to and Play (1)
Das war´s schon!
Du wirst anfangs Probleme mit der Positionsangabe des Rechtecks haben. Diese Angaben verändern sich je nachdem, auf welche Position der Bühne Du die Augen bzw. die Pupillen setzt. Kleiner Tip! Öffne die Inspektoren (Strg-Alt-I), dort kannst Du die genaue Position der Augen und der Pupillen sehen und zuordnen.
Viel Spaß beim Nachbauen!
BJG <R. Griebel>
Was bringt dieses Tutorial?
