web memo

web メモ

as3マウス操作をキャプチャしてみよう

//落書きを表示する用のスプライト(Sprite)を作成
//Spriteは「タイムラインのないムービークリップ」のような物です
var canvas:Sprite = new Sprite();
//作成したスプライトを，インスタンスboardに配置
board.addChild(canvas);
//線の太さとカラーを「3ポイント・白」に指定しておく
canvas.graphics.lineStyle(3,0xFFFFFF);
///クリック回数をカウントする変数countを宣言
var count:int = 0;
//インスタンス「button」のclickイベントを利用
button.addEventListener(MouseEvent.CLICK,clickHandler);
//clickイベントに関連付ける関数
function clickHandler(event:MouseEvent) {
  message.text =
   ++count + "回，" + event.target.name + "がクリックされました。";
}


//マウスを押したら，描画モードをオンにするために，
//mouseMoveイベントを関連付ける
board.addEventListener(MouseEvent.MOUSE_DOWN,drawOn);
function drawOn(event:MouseEvent) {
  board.addEventListener(MouseEvent.MOUSE_MOVE,drawLine);
  //現在のマウスの位置に，moveToメソッドを使って描画のスタート地点を移動
  canvas.graphics.moveTo(event.localX,event.localY);
}
//マウスを離したり，board外に出た場合，描画モードをオフにする
board.addEventListener(MouseEvent.MOUSE_UP,drawOff);
board.addEventListener(MouseEvent.ROLL_OUT,drawOff);
function drawOff(event:MouseEvent) {
  board.removeEventListener(MouseEvent.MOUSE_MOVE,drawLine);
}
//マウスの移動に合わせて，線を引く関数
function drawLine(event:MouseEvent) {
  canvas.graphics.lineTo(event.localX,event.localY);
}

admin