Flash AS3 Tutorials Center | Interesting Flash Animation Tutorials | Valuing Flash Animation Tutorials | Flash ActionScript and Animation Home

AS3 Beginner Tutorials | AS3 Basic Lessons | AS3 Valuing Courses | AS3 Components Tutorials | AS3 and PHP Interaction Tutorials
AS3 Practical Tutorials | AS3 Animation Techniques | AS3 Transition Effects Tutorials | AS3 Download Upload Files | AS3 Particle Systems
Communication Between Flash Movies with AS3 | AS3 and JavaScript interaction | AS3 Matrix Transformation | AS3 Physics Simulation Tutorials

Continuous Flash ActionScript Rotation Animation Tutorial

This Flash ActionScript tutorial shows how to use rotation property to do a continuous rotation animation.

Please update flash player to view this Flash ActionScript tutorial!

Flash Tutorial Content:

When using with ENTER_FRAME, it is very easy to do more complicated interesting rotation animation with the rotation property with Flash ActionScript 3. This Flash tutorial will show how to do a continuous 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 {

// Call function rotateSquare
rotateSquare();

}

 

function rotateSquare():void {

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

// Display message
output_txt.text = "Current rotation angle: " + square_mc.rotation;

}

Download Flash Source File:

Flash Source File rotation-mc-2.fla

Remarks:

This Flash ActionScript tutorial shows how to do continous rotation animation. Most flash rotation animations are loop animation. What if you only want a single round (i.e. 360 degree rotation only) rotation animation? The next Flash ActionScript tutorial will show you how to do a single round rotation animation.