First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing!
Search tutorials
Author: Robert Clements | Website:

The action of creating your own mouse pointer, rather than the standard white arrow, can be performed very easily.  Cursors can also be animated.  This tool is invaluable when creating games but also a novel feature to your SWF’s. 

For this tutorial I would create a new movie, although as I have said, this action can be easily added to completed movies. 

With a blank frame in front of you, label the layer ‘cursor’ and insert a key frame at number 1

In this key frame draw or import your cursor image but do not animate yet.  Once drawn, convert your cursor to a movie clip called ‘cursor’ (select cursor – insert menu – convert to symbol – check movie clip and name ‘cursor’)

Now click on your movie clip so it is selected and pull up the instance panel (Windows menu – Panels – Instance).  On this panel you should see a text box labelled ‘Name’, in here type ‘cursordrag’.  It is best to close any spaces and always use lower case as it leaves less room for errors. 

On the layer labelled ‘Cursor’ (Should be the only layer), right click the keyframe and select actions.  This will display the action scripts box.  If you haven’t used much action script before, then don’t worry, this is a very easy action script.  On the left side click the Actions tab.  This will drop down a list of actions.  From the list select ‘Start Drag’, this action will then appear on the right.  At the bottom you should see several text boxes.  For the target, type ‘cursordrag’ (Which is the name assigned to your cursor movie).  Just below this, check the lock mouse to centre check button

If you view your movie now, the cursor will follow your mouse pointer.  Lastly you will hide the standard cursor.  Return to the FLA and right click the first frame, selecting actions, to view the action script box again.  You should see the script you have just entered.  Now select the objects tab on the left, scroll down below the actions tab to find this.  The objects tab will drop down more options.  Find ‘mouse’ and select it to view it’s actions.  This will reveal ‘hide’ or ‘show’.  Obviously to hide the mouse select ‘hide’. 

Your cursor is complete!!  To make it animated, simply double click the cursor in FLA to open the movie clip.  Then animate it as normal, within the movie.  This will play as you use your cursor.

Development site:

» Level Intermediate

Added: 2001-12-19
Rating: 8 Votes: 51
(10 being the highest)
» Author
15 year old flash designer, wanting to teach those beginning. 1 Year of experience in Flash 5.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!


  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.