swfchan: Kwing's Cursor Tutorial.swf (info)

Text

CONTINUE

This is what you will be making:
HINT: Keep an eye on the
cursor as you roll it over the
button, off of it, and even when
you press it!

There are a lot of cursor tutorials out there,
so one might ask: Why did you make one
yourself? Well I'll tell you... It's because all
of the other tutorials SUCK! Sorry to break it
to everyone else, but there are no good
cursor tutorials out there. In this one, I will
do my best to exceed the complexity of
previously done tutorials. Let's move on!
Press the continue button at the bottom to
continue.

BACK

To start, draw something; anything! Just as
long as it will look good as a cursor. Here's
my example, and it's pretty simple:
See? Not too complex, is it? This is because
the script that will be going on everything
will more than make up for the simple
graphics. Set the registry point to where you
would like it to be at the normal cursor's tip
by draggin it to the X inside of the MC.

If you decided to animate it, that's okay, but
you'll have to cut and paste the frames back
on the inside of a Movie Clip inside of the
main cursor Movie Clip (which will be on the
first frame of the main cursor Movie Clip).
So right now we should have a Movie Clip
with one frame in it, and a Movie Clip on that
frame of our actual cursor graphic. Type
"stop();" into the first frame of your main
cursor Movie Clip.

Create a second frame in the main cursor
Movie Clip and put a stop(); action on that
frame, too. On this one, draw another cursor
that will appear when the player rolls over
something. Here's mine:
Once again, if you animate it, keep the
animation inside a seperate Movie Clip, not
in the main one.

If you've been following correctly you
should have a Movie Clip with two frames,
each with a stop action in them. The first
should contain a "normal" cursor, and the
next one should contain a "hand,"
"pointing," or "roll over" graphic. Once
again, make sure the registry points for
each graphic are exactly where you want
them.

It is time for the third and final frame of the
main cursor Movie Clip. Create the third
frame and put a stop(); action in it. Draw a
graphic that would appear when the player
has clicked the mouse down. Here's mine:
If you make it animated, keep that in a
separate Movie Clip, etc. etc. Now the fun
begins. Exit out of the main Movie Clip to
"Scene 1."

Put this script into the Movie Clip of the
main cursor (on the outside of it, by
selecting it and hitting F9):
If you say a word about me not explaining
the script, I will rip your hands off, because
the text after the //s is an English translation
for you. (I've gotten complaints before.)

onClipEvent(enterFrame){//Apply the following script at the framerate
Mouse.hide();//Hide the default mouse from the player
this._x=_root._xmouse;//Set this Movie Clip's X to the mouse's X value (horizontal axis)
this._y=_root._ymouse;//Set this Movie Clip's Y to the mouse's Y value (vertical axis)
}//Terminate the function

But wait! We're not done yet! Remember
how I told you to make the two extra frames
in the Movie Clip? Here's where they come
into play. If you're making a Flash file,
you're probably going to have buttons in it,
unless you're a noob. So just make any old
button, like the continue buttons I've put
through this tutorial for instance. Put in the
script I have on the next page on it... Don't
be scared; it's long, but simple.

on(rollOver){//If the cursor rolls over the button's hit zone
cursor.gotoAndStop(2);//Stop at the second frame, which is the pointer frame
}//Terminate the function
on(rollOut){//If the cursor rolls out of the button hit zone
cursor.gotoAndStop(1);//Stop at the first frame, which is the standard frame
}//Terminate the function
on(dragOut){//If the cursor is clicked and dragged out of the button hit zone
cursor.gotoAndStop(1);//Stop at the first frame, which is the standard frame
}//Terminate the function
on(press){//If the cursor is pressed while on the button's hit zone
cursor.gotoAndStop(3);//Stop at the third frame, which is the clicking frame
}//Terminate the function
on(release){//If the cursor is clicked and released on the button's hit zone
cursor.gotoAndStop(2);//Stop at the second frame, which is the pointer frame
}//Terminate the function
//And any script that goes to what the button actually DOES.

Try out the script!

Did it work? I sure hope so, because I spent
a bit of time making this. If it didn't, check
everything again. You should end up with
something like the cursor and button in this
tutorial. Vote 5! (Click the "BACK" button to
return repeatedly to return to the
beginning.)

ActionScript [AS1/AS2]

Frame 2
	stop();
Instance of Symbol 24 MovieClip "cursor" in Frame 2
onClipEvent (enterFrame) {
	Mouse.hide();
	this._x = _root._xmouse;
	this._y = _root._ymouse;
}
Instance of Symbol 50 MovieClip "cursor" in Frame 12
onClipEvent (enterFrame) {
	Mouse.hide();
	this._x = _root._xmouse;
	this._y = _root._ymouse;
}
Symbol 8 Button
on (rollOver) {
	cursor.gotoAndStop(2);
}
on (rollOut) {
	cursor.gotoAndStop(1);
}
on (dragOut) {
	cursor.gotoAndStop(1);
}
on (press) {
	cursor.gotoAndStop(3);
}
on (release) {
	cursor.gotoAndStop(2);
}
on (release) {
	nextFrame();
}
Symbol 24 MovieClip Frame 1
	stop();
Symbol 24 MovieClip Frame 2
	stop();
Symbol 24 MovieClip Frame 3
	stop();
Symbol 30 Button
on (rollOver) {
	cursor.gotoAndStop(2);
}
on (rollOut) {
	cursor.gotoAndStop(1);
}
on (dragOut) {
	cursor.gotoAndStop(1);
}
on (press) {
	cursor.gotoAndStop(3);
}
on (release) {
	cursor.gotoAndStop(2);
}
on (release) {
	prevFrame();
}
Symbol 50 MovieClip Frame 1
	stop();
Symbol 50 MovieClip Frame 2
	stop();
Symbol 50 MovieClip Frame 3
	stop();

Library Items

Symbol 1 Sound	Used by:Timeline
Symbol 2 Graphic	Used by:8
Symbol 3 Font	Used by:4 9 25 27 31 34 35 39 40 44 45 46 47 48 49
Symbol 4 Text	Uses:3	Used by:8
Symbol 5 Graphic	Used by:8
Symbol 6 Graphic	Used by:8
Symbol 7 Graphic	Used by:8 30 33 38 43
Symbol 8 Button	Uses:2 4 5 6 7	Used by:Timeline
Symbol 9 Text	Uses:3	Used by:Timeline
Symbol 10 Graphic	Used by:14 18 23
Symbol 11 Graphic	Used by:12
Symbol 12 MovieClip	Uses:11	Used by:14 18 23
Symbol 13 Graphic	Used by:14
Symbol 14 MovieClip	Uses:10 12 13	Used by:24
Symbol 15 Graphic	Used by:18
Symbol 16 Graphic	Used by:17
Symbol 17 MovieClip	Uses:16	Used by:18
Symbol 18 MovieClip	Uses:10 12 15 17	Used by:24
Symbol 19 Graphic	Used by:23
Symbol 20 Graphic	Used by:23
Symbol 21 Graphic	Used by:22
Symbol 22 MovieClip	Uses:21	Used by:23
Symbol 23 MovieClip	Uses:10 19 12 20 22	Used by:24
Symbol 24 MovieClip	Uses:14 18 23	Used by:Timeline
Symbol 25 Text	Uses:3	Used by:Timeline
Symbol 26 Graphic	Used by:30
Symbol 27 Text	Uses:3	Used by:30
Symbol 28 Graphic	Used by:30
Symbol 29 Graphic	Used by:30
Symbol 30 Button	Uses:26 27 28 29 7	Used by:Timeline
Symbol 31 Text	Uses:3	Used by:Timeline
Symbol 32 Graphic	Used by:33
Symbol 33 MovieClip	Uses:32 7	Used by:50 Timeline
Symbol 34 Text	Uses:3	Used by:Timeline
Symbol 35 Text	Uses:3	Used by:Timeline
Symbol 36 Graphic	Used by:38
Symbol 37 Graphic	Used by:38
Symbol 38 MovieClip	Uses:36 37 7	Used by:50 Timeline
Symbol 39 Text	Uses:3	Used by:Timeline
Symbol 40 Text	Uses:3	Used by:Timeline
Symbol 41 Graphic	Used by:43
Symbol 42 Graphic	Used by:43
Symbol 43 MovieClip	Uses:41 42 7	Used by:50 Timeline
Symbol 44 Text	Uses:3	Used by:Timeline
Symbol 45 EditableText	Uses:3	Used by:Timeline
Symbol 46 Text	Uses:3	Used by:Timeline
Symbol 47 EditableText	Uses:3	Used by:Timeline
Symbol 48 Text	Uses:3	Used by:Timeline
Symbol 49 Text	Uses:3	Used by:Timeline
Symbol 50 MovieClip	Uses:33 38 43	Used by:Timeline

Instance Names

"cursor"	Frame 2	Symbol 24 MovieClip
"cursor"	Frame 12	Symbol 50 MovieClip

Special Tags

FileAttributes (69)

Timeline Frame 1

Access local files only, Metadata not present, AS1/AS2.