Search tutorials
Custom Cursor
=======================================
1. First start by downloading the files for this tutorial.
2. Open the file named Custom_Cursor_Start.fla
3. File and then Save As to: Custom_Cursor_Modified.fla
the reason for the save as is so that if you screw up you don't have to re-dowload the original file.
----------------------------------------------
Begin
----------------------------------------------
1. Click the Orange Ball Movie Clip on the stage.
2. Open the properties panel
3. Click the SWAP button under Instance of: Cursor.
4. Find the Mallet_Clip in the list and then click okay.
----------------------------------------------
now there should be the mallet movie clip on the stage where the orange ball was.
----------------------------------------------
Code
==========================================
attach the following code to the Mallet clip by:
1. select the clip on the stage.
2. open the actions panel.
3. If you are not in Expert mode press Ctrl+Shift+E to switch.
4. then type the folowing code in the box.
--------------------------------------------------
onClipEvent (load) {
Mouse.hide();
}
onClipEvent (enterFrame) {
this._x = _root._xmouse;
this._y = _root._ymouse;
}
--------------------------------------------------
now with this code you have removed the normal cursor and replaced it with the mallet on the stage. Test the Movie.
--------------------------------------------------
Click Effects
==================================================
1. Double click the mallet clip to edit it.
2. Go to Frame 1 on the actions layer of the mallet clip and insert the following code:
stop();
3. Add keyframe in frame 2 to the actions layer.
4. Label the frame in the properties inspector: Swing
5. Finally add a ketframe to the last frame of the clip in the actions layer with the following code:
gotoAndStop(1);
6. Return to the scene.
--------------------------------------------------
Make it swing when clicked
--------------------------------------------------
1. Click the Mallet Clip and open the actions panel
2. Insert the following code on the line directly after:
Mouse.hide();
3. the code to add is:
this.onMouseDown = function() {
this.gotoAndPlay("Swing");
};
4. Make sure you left the Squigly bracket under it to close the onClipEvent(load) event handler.
5. Test the movie
==================================================
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
==================================================================
=======================================
1. First start by downloading the files for this tutorial.
2. Open the file named Custom_Cursor_Start.fla
3. File and then Save As to: Custom_Cursor_Modified.fla
the reason for the save as is so that if you screw up you don't have to re-dowload the original file.
----------------------------------------------
Begin
----------------------------------------------
1. Click the Orange Ball Movie Clip on the stage.
2. Open the properties panel
3. Click the SWAP button under Instance of: Cursor.
4. Find the Mallet_Clip in the list and then click okay.
----------------------------------------------
now there should be the mallet movie clip on the stage where the orange ball was.
----------------------------------------------
Code
==========================================
attach the following code to the Mallet clip by:
1. select the clip on the stage.
2. open the actions panel.
3. If you are not in Expert mode press Ctrl+Shift+E to switch.
4. then type the folowing code in the box.
--------------------------------------------------
onClipEvent (load) {
Mouse.hide();
}
onClipEvent (enterFrame) {
this._x = _root._xmouse;
this._y = _root._ymouse;
}
--------------------------------------------------
now with this code you have removed the normal cursor and replaced it with the mallet on the stage. Test the Movie.
--------------------------------------------------
Click Effects
==================================================
1. Double click the mallet clip to edit it.
2. Go to Frame 1 on the actions layer of the mallet clip and insert the following code:
stop();
3. Add keyframe in frame 2 to the actions layer.
4. Label the frame in the properties inspector: Swing
5. Finally add a ketframe to the last frame of the clip in the actions layer with the following code:
gotoAndStop(1);
6. Return to the scene.
--------------------------------------------------
Make it swing when clicked
--------------------------------------------------
1. Click the Mallet Clip and open the actions panel
2. Insert the following code on the line directly after:
Mouse.hide();
3. the code to add is:
this.onMouseDown = function() {
this.gotoAndPlay("Swing");
};
4. Make sure you left the Squigly bracket under it to close the onClipEvent(load) event handler.
5. Test the movie
==================================================
CONGRATULATIONS YOU HAVE MADE YOUR FIRST CUSTOM CURSOR IN FLASH MX
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
==================================================================
| » Level Intermediate |
|
Added: 2003-05-02 Rating: 7.05 Votes: 41 |
| » Author |
| High School student trying to pave his way into web development! |
| » Download |
| Download the files used in this tutorial. |
| Download (45 kb) |
| » Forums |
| More help? Search our boards for quick answers! |
-
You must have javascript enabled in order to post comments.
Comments
There are no comments yet. Be the first to comment!