GameObjectに対するマウスイベント一覧(Phaser3)

この記事は約4分で読めます。
スポンサーリンク

やりたいこと

Phaser3でGameObjectに対するマウスイベントをまとめます。

イベントの受け方

まずゲームオブジェクトにマウス操作を許可します

GameObject.setInteractive();

ドラッグを行う場合は以下のオプションが必要です。

GameObject.setInteractive({ draggable: true });

イベント時に処理は以下の用に紐づけます。

GameObject.on(イベント名, function));

例:

        const rect = this.add.rectangle(400, 300, 100, 100, 0xff0000);
        rect.setInteractive();
        rect.on('pointerdown', () => alert("clicked")); //追加
スポンサーリンク

イベント一覧

イベント名コールバックの引数詳細
dragendドラッグ完了pointer, dragX, dragYhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DRAG_END
dragenterドラッグ中に対象の上に移動pointer, targethttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DRAG_ENTER
dragドラッグ中pointer, dragX, dragYhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DRAG
dragleaveドラッグ中に対象の上から移動pointer, targethttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DRAG_LEAVE
dragover
ドラッグ中に対象の上を移動
pointer, targethttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DRAG_OVER
dragstartドラッグ開始pointer, dragX, dragYhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DRAG_START
drop対象にドロップpointer, targethttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_DROP
pointerdownクリックダウンpointer, localX, localY, eventhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_POINTER_DOWN
pointermoveポインタ移動pointer, localX, localY, eventhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_POINTER_MOVE
pointeroutポインタがGameObjectの外に移動pointer, eventhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_POINTER_OUT
pointeroverポインタ移動pointer, localX, localY, eventhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_POINTER_OVER
pointerupクリックアップpointer, localX, localY, eventhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_POINTER_UP
wheelホイール操作pointer, deltaX, deltaY, deltaZ, eventhttps://newdocs.phaser.io/docs/3.80.0/Phaser.Input.Events.GAMEOBJECT_POINTER_WHEEL
スポンサーリンク

参考にさせていただいたサイト

Events - Phaser 3 API Documentation

コメント

タイトルとURLをコピーしました