Home | Flash AS3 Tutorials | Flash Animation Tutorials | Store

Flash ActionScript Rotation 360 Degree Animation Tutorial (2)

This Flash ActionScript animation tutorial also show how to use rotation property to do a single round rotation animation. The animation effect is the same as previous tutorial but use a more straight forward method.

Please update flash player to view this Flash ActionScript tutorial!

Flash Tutorial Content:

This Flash ActionScript tutorial also discuss how to rotate a MovieClip for 360 degree for one time only. But this time we use a bit more straight forward method to do the same Flash rotation animation.

The completed Flash Movie of this tutorial is shown as above. You can play around to see how it works.

Flash ActionScript Codes:

// Add Listener to the Rotate Button
rotate_btn.addEventListener(MouseEvent.MOUSE_DOWN, rotateButtonClicked);

 

function rotateButtonClicked(evt:MouseEvent):void {

// Add ENTER_FRAME Event Listener to the stage
addEventListener(Event.ENTER_FRAME, startRotate);

}

 

function startRotate(evt:Event):void {

// Rotate the MovieClip
square_mc.rotation += 10;

if (square_mc.rotation == 0) {// Display message
output_txt.text = "The rotation completed 360 deg.";

// Remove Listener so that the square will stop rotation
removeEventListener(Event.ENTER_FRAME, startRotate);

// Exit the function
return;}// Display message
output_txt.text = "Current rotation angle: " + square_mc.rotation;

}

Download Flash Source File:

Flash Source File rotation-mc-4.fla

Remarks:

This is the end of Flash ActionScript rotation animation tutorial.