A Flash Developer Resource Site
Internet Commerce
Developer ChannelFlashKit.com
JavaScriptSource Developer Jobs ScriptSearch WebDeveloper.com Webreference HTMLGoodies HTML5 Dev Center Developer.com jGuru.com PHPBuilder
|
  Tutorials HomeWhat's NewTop RatedSubmitmyTutesRandom!
Search Tutorials
 Tutorials » Interactivity
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 ================================================== CONGRATULATIONS YOU HAVE MADE YOUR FIRST CUSTOM CURSOR IN FLASH MX!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ==================================================================
|
||||||||||||||||||||||||||||||||||||||||||||||||
 |
|||||||||||||||||||||||||||||||||||||||||||||||||
Custom Cursor
|
 |
 |
|