Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Active mouse object

30.11.2006, 1:10    Total views: 29430
Read this tutorial and see how to create active mouse object in few steps, using the Action Script and flash 8.You will also learn how to animate mouse object, how to apply action script code on it, how to use instance name and more.



Step 1

Create a new flash document and set Width to 350 and Height to 200px. Frame rate set to 33fps (Frames per Second).



Step 2


Double click on layer1 to rename its name in background. Then, insert a new layer and name it active object.

Step 3

Using the flash tools for drawing, draw a "object" which you like. For this example, I have drawn a "cursor" like it is shown on the picture below.



Step 4

Select the "object" and press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 5

Then, open the Properties Panel (Ctrl+F3) and under type object.



Step 6

After that, select the first frame of layer active object, and in Action Script Panel paste this script:

startDrag(object, true);

Step 7

Double click on "object" to go in its inside.

Step 8

Then, while the "object" is still selected, press again F8 key to conver it into a Movie Clip.



Step 9

Click on frame 15 of layer1, and press F5. After that, select the first frame of layer1 and choose right click > Copy Frames.

Step 10

Insert a new layer (layer2), select the first frame, choose right click and Paste Frames. 



Step 11

After that, click on frame 15 of layer2 and press F6 (Keyframe).

Step 12

Then, using the arrow keys on the keyboard, set the "object" on the position like it is shown on the picture below.



Step 13

While your "object" is still selected, open the Properties Panel (Ctrl+F3), and under Color choose Alpha and set it to 0%

Step 14

Go back on the first frame of layer2, and in Properties Panel, under Tween choose Motion.



Test your movie (Ctrl+Enter).

We're done!

Download source file (.fla)
Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 221537

2. Water effect
Total views: 166042

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links