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

Should I Learn Flash ActionScript 3

The traditional frame-by-frame animation can do a lot of interesting flash animation. However if you wish to create even more interesting and complicated flash animation, you should learn ActionScript. A simple example of using ActionScript is our top flash banner. The clouds are moving at random height so that the scenery is different all the time. And this cannot be done with traditional frame-by-frame-animation.

Traditional Animation Vs ActionScript 3

Flash ActionScript is fun and easy to learn. To see how easy to do animation of ActionScript, let's create the same animation with both traditional frame-by-frame animation and ActionScript.

Animation Example

The boat has already converted to symbol and position on the stage. We will do a simple animation with the boat moving to the right.

Compare traditional animation with ActionScript

The following illustate how to do the same animation with traditional frame-by-frame animation and with Flash ActionScript.

Animation With Traditional Animation

Step 1: Select all frames as shown below

Flash frame-by-frame animation

Step 2: Insert frames as shown below

Flash frame-by-frame animation

Step 3: Convert the last frame of the layer that the boat reside to keyframe

Flash frame-by-frame animation

Step 5: Create Motion Tween

Flash frame-by-frame animation

Step 6: Create another keyframe as shown

Flash frame-by-frame animation

Step 7: Drag the boat to the right position as shown.

Flash frame-by-frame animation

Step 8: Done! Test the animation

Animation With Flash ActionScript

This is realtively easier and quicker if accomplish similar animation with ActionScript.

Step 1: Enter a name of the boat movieclip in the Properties Window.

Flash animation with ActionScript

Step 2: Enter a few line of codes as shown below. Actually the only codes you need to write is boat_mc.x++;. The other codes can be done with copy and paste.

Flash animation with ActionScript

Step 3: Done! Test the animation

Download Flash Source File:

Flash Source File traditional-frame-by-frame-animation.fla

Flash Source File actionscript-animation.fla

This is much quicker to do the above animation with Flash ActionScript.

Remarks:

This is much easier to change the speed of the boat with Flash ActionScript too. To change the speed of boat, for example, 5 times faster, simply change boat_mc.x++; to boat_mc.x += 5;

To change the speed with traditional frame-by-frame animation, you have a lot of tedious works to do.

flash actionscript tutorial, flash animation tutorial