trouble with a mouse drawing function.

[benhg]

hi,

i am trying to make a line draw from the mouse when the button is held down, it seems to work but my problem is that it always seems to draw on the bottom layer. my code is inside of a movieclip that is on the main stage, inside this movie clip there are 2 other movieclips (one is a pencil image, the other is a notepad image). the line always draws underneath the notepad image, even though the notepad is on the bottom layer.

here is my code:

var drawing:Boolean;
graphics.lineStyle(1,0x000000);
drawing = false;

this.addEventListener(MouseEvent.MOUSE_DOWN, startDrawing);
this.addEventListener(MouseEvent.MOUSE_MOVE, drawGo);
this.addEventListener(MouseEvent.MOUSE_UP, stopDrawing);

function startDrawing(event:MouseEvent):void {
graphics.moveTo( mouseX, mouseY);
drawing = true;
}

function drawGo(event:MouseEvent) {
if (drawing) {
graphics.lineTo(mouseX,mouseY);
}
}

function stopDrawing(event:MouseEvent) {
drawing = false;
}

So really all i need is to figure out how to make this draw on the top layer. i have stried using setChildIndex() but that didnt work.

And also can anyone tell me how to clear the drawing?

can anyone help?

Thanks

[FrodoBaggins]

give drawGo an MC/Sprite to draw in and put that on the highest level. The way you're approaching this now you're drawing on the stage. If I remembered correctly, lineTo will draw below everything. Consult the liveDocs about it though...

[benhg]

thanks :)