Flash 8 drawing tutorial

If you want to delete, press  Delete or Backspace key (on the keyboard).

Download source: drawing.zip

Step 1

• Create a new flash document, press Ctrl+J on the keyboard (Document Properties)
• Set Width to 350 and Height to 250px.
• Set Frame rate  to 24fps (Frames per Second).

Step 2

• Take the Line Tool (N), and draw a “pencil”, see fig 1.

Fig 1

Step 3

• Select the “pencil” (Ctrl+A)
• Press F8 on the keyboard (Convert to Symbol) to convert it into a Movie Clip, see fig 2.

Fig 2

Step 4

The new made Movie Clip (“pencil”) is still selected, open the Properties Panel (Ctrl+F3) and under <Instance Name> type pencil, see fig 3

Fig 3

Step 5

Last step, now click on the first frame, open the Action Script Panel (F9), and paste this script:

this.attachMovie(“cursor_id”, “cursor_mc”, this.getNextHighestDepth(),
{_x:_xmouse, _y:_ymouse});
Mouse.hide();
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
pencil._x = _xmouse;
pencil._y = _ymouse;
updateAfterEvent();
};

Mouse.addListener(mouseListener);

this.createEmptyMovieClip(“drawing_mc”, this.getNextHighestDepth());
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
this.drawing = true;
drawing_mc.moveTo(_xmouse, _ymouse);
drawing_mc.lineStyle(3, 0x99CC00, 100);
};

mouseListener.onMouseUp = function() {
this.drawing = false;
};

mouseListener.onMouseMove = function() {
if (this.drawing) {
drawing_mc.lineTo(_xmouse, _ymouse);
}
updateAfterEvent();
};

Mouse.addListener(mouseListener);

var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
if (Key.isDown(Key.DELETEKEY) || Key.isDown(Key.BACKSPACE)) {
drawing_mc.clear();
}
};

Key.addListener(keyListener);