Drag & Drop / CreateJS


チュートリアルの Drag & Drop やってみる。
まずはオブジェクトをクリックした時のイベント指定。

1
object.onPress = handlePress;

この時 handlePress 内で onMouseMove と onMouseUp のイベント指定しちゃいます。
そうする事でマウスのボタンが押されている間だけこの指定が有効になります。

1
2
3
4
function handlePress(){
    e.onMouseMove = handleMouseMove;
    e.onMouseUp = handleMouseUp;
}

ドラッグ時の移動はマウス座標を使って指定します。
この時対象のオブジェクトは下記のように target として取得できます。

1
2
3
function handreMouseMove(e){
    e.target.setTransform(e.stageX, e.stageY);
}

CreateJS使うと簡単ね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です