Mouse Follow Effekt | Flash CS3 (ActionScript 3.0)

[Danjo]

Dieses Tutorial soll verdeutlichen, wie man einen Mouse Follow Effekt erstellt.
Wir verwenden hierfür Actionscript 3, die Datei muss also für ActionScript 3.0 ausgelegt sein
(Datei > Neu > Flash-Datei (ActionScript 3.0) auswählen).
Zunächst die Bühne entsprechend an die gewünschte Größe anpassen.
Danach die bereits vorhandene Ebene in der Zeitleiste benennen. Wir geben ihr den Namen "Objekt".

Nun das erste Schlüsselbild markieren und ein Objekt über Datei > Importieren > In Bühne importieren auf der Bühne platzieren.

mouse_follow-1.gif (10.18KiB)35531 mal betrachtet

Danach das Objekt markieren und über Modifizieren > In Symbol konvertieren den Typ "Movieclip" auswählen, benennen und mit "OK" bestätigen. Das Objekt ist jetzt ein Movieclip.

mouse_follow-2.gif (10.31KiB)35531 mal betrachtet

Außerdem geben wir dem Movieclip im Eigenschaftenfeld den Instanznamen "Movie".

mouse_follow-4.gif (6.99KiB)35529 mal betrachtet

Im Anschluss erstellen wir eine weitere Ebene für das ActionScript und bennen diese entsprechend mit "AS".

mouse_follow-3.gif (4.41KiB)35529 mal betrachtet

Wir markieren das erste Bild der Ebene "AS" und tragen über Fenster > Aktionen folgendes ActionScript ein:

Code: Alles auswählen

addChild(movie);

movie.stage.addEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler);

function mouseMoveHandler(event:MouseEvent):void{
	if(distance(movie.x,movie.y,movie.stage.mouseX,movie.stage.mouseY)>1){
		if(!movie.hasEventListener(Event.ENTER_FRAME)){
			movie.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
		}
	}
}

function enterFrameHandler(event:Event):void{
	trace(distance(movie.x,movie.y,movie.stage.mouseX,movie.stage.mouseY));
	if(distance(movie.x,movie.y,movie.stage.mouseX,movie.stage.mouseY)<1){
		movie.removeEventListener(Event.ENTER_FRAME,enterFrameHandler);
	}else{
		movie.x+=(movie.stage.mouseX-movie.x)/2;
		movie.y+=(movie.stage.mouseY-movie.y)/2;
	}
}

function distance(x1:Number,y1:Number,x2:Number,y2:Number):Number{
	var dist:Number=Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1));
	return dist;
}

Danach können wir unseren Film testen:

Mouse Follow Effekt.swf [1.3KiB |35337 mal betrachtet ]

Dateidownload:

Mouse Follow Effekt.fla

(208KiB)2580-mal heruntergeladen