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

Very Basic Flash ActionScript Animation Tutorial

This series of Flash ActionScript tutorials will use ENTER_FRAME event to do some simple flash animation. We begin with a very simple flash animation. The flash animation simply move a ball from one location to other location.

Please update flash player to view this Flash ActionScript tutorial!

Flash Tutorial Content:

This Flash ActionScript animation tutorial series start with a very simple flash "animation". A football simply move from one location to another.

The complete Flash Movie example is shown as above, you may try how it works before you start this flash animation tutorial. Click on the above flash movie to select it to start. When you click on the play button, the football will be moved to the center of the stage of the movie clip.

Flash ActionScript Codes:

//Location (destinationX) the football will be move to
//The football will be moved to the center of stage
//stage.stageWidth = 512
//center of stage = 256
var destinationX:Number = stage.stageWidth / 2;

//Indicate the Start Point and End Point of football
output_txt.text = "Start point of footabll is: " + football_mc.x;
output_txt.text = output_txt.text + "\n" + "End point of football is: " + destinationX;

 

function moveFootball(evt:Event) {

//Set the new location of football to destinationX
football_mc.x = destinationX;
//Let the user know that the football reach the destination
output_txt.text = output_txt.text + "\n" + "Reach the destination!";

}

 

//The footabll move when the Play button click
play_btn.addEventListener(MouseEvent.CLICK, moveFootball);

Download Flash Source File:

Flash Source File enter-frame-1.fla

Remarks:

This Flash ActionScript tutorial simply moved the ball from one location to the other without any transition effect. For a more realistic animation, we need to move the ball smoothly from one location to the destination. The next Flash ActionScript animation tutorial will show how to use ENTER_FRAME to do that.