Smooth line drawing in as3

Question

I am looking for a smoothe line drawing effect as in the pencil tool in Flash. I need to implement the same using as3. Any idea how I can achieve that?

Answer 1

Smoothness is a relative concept. Pencil tool in Flash doesn't produce very smooth lines. Nevertheless, runtime drawing smoothness depends on how often you draw lines between points. Here is a quick and dirty drawing board (just paste it on timeline). If you want it even smoother - you will need to write an algorithm that takes into account direction, speed, angles, etc.
var board:Sprite = new Sprite();
addChild(board);
board.x = board.y = 20;
var g:Graphics = board.graphics;
g.beginFill(0xcccccc);
g.drawRect(0, 0, stage.stageWidth - 40, stage.stageHeight - 40);
g.endFill();
board.addEventListener(MouseEvent.MOUSE_DOWN, startDraw);
function draw(e:MouseEvent):void {
     g.lineTo(board.mouseX, board.mouseY);
function startDraw(e:MouseEvent):void {
     stage.addEventListener(MouseEvent.MOUSE_UP, stopDraw);
     addEventListener(MouseEvent.MOUSE_MOVE, draw);
     g.lineStyle(1, Math.random() * 0xffffff);
     g.moveTo(board.mouseX, board.mouseY);
function stopDraw(e:MouseEvent):void {
     removeEventListener(MouseEvent.MOUSE_MOVE, draw);
     stage.removeEventListener(MouseEvent.MOUSE_UP, stopDraw);