Phaser3画像を使用せずに凝ったボタンを作成する(graphics)(Phaser3)
やりたいこと Phaser3ではGameObjectにクリックのイベントを登録してボタンとして使用することができます。 しかしGameObjectは四角形や円などで画像を使用する以外に凝ったボタンを作成する子は難しいです。 ...
Phaser3
Phaser3Phaser3画像を使用せずに凝ったボタンを作成する(DOM)(Phaser3)
やりたいこと Phaser3ではGameObjectにクリックのイベントを登録してボタンとして使用することができます。 しかしGameObjectは四角形や円などで画像を使用する以外に凝ったボタンを作成する子は難しいです。 ...
Phaser3Domオブジェクトを使うまとめ(Phaser3)
やりたいこと Phaser3上にHTMLのタグ(DOM)を配置するDomオブジェクトを使用すると、他のGameObjectとは使用方法が異なったため使用方法と注意点をまとめます。 使用方法 準備 DOMオブジェクト...
Phaser3imgエレメントの画像を表示(Phaser3)
やりたいこと imgエレメントに設定された画像をPhaser3上に表示します。 使用例 以下の記事にあるようにScreenCaptureを行うと、画像はimgエレメントで返却されます。 ScreenCaptureし...
Phaser3画面の一部のScreenCapture(Phaser3)
やりたいこと Phaser3で表示している画面のScreenCapture（snapshot）を取得します。 背景 Canvasエレメントを取得してImageを取得しようと思ったのですが、2DのContextを取得できな...
Phaser3上下スペースキーの押下時にページスクロールしないようにする(Phaser3)
やりたいこと Phaser3でゲームを作成した際に、上下スペースキーをキーを押下したときにページが意図せずにスクロールしてしまうことがあります。 （ローカル環境でフィットするようにスケールするように設定していると気が付きにくい...
Phaser3不連続なSpliteでアニメーション(Phaser3)
やりたいこと Phaser3でキャラクタにアニメをつける場合以下のように連続したSplite（下の例だとdudeの0～3）からアニメーションを作成します。 this.anims.create({////左移動時のアニメ...
Phaser3Vite + Phaser 3 のテンプレートで複数のHTMLを作成する
やりたいこと 以下の記事で作成したVite + Phaser 3 のテンプレートで複数のHTMLをビルドの対象にします。 具体的にはProjectディレクトリにあるindex.html以外のHTMLをビルド対象にし...
Phaser3GameObjectに対するマウスイベント一覧(Phaser3)
やりたいこと Phaser3でGameObjectに対するマウスイベントをまとめます。 イベントの受け方 まずゲームオブジェクトにマウス操作を許可します GameObject.setInteractive(); ...
Phaser3ドラッグでオブジェクトを移動する(Phaser3)
やりたいこと Phaser3でオブジェクトをドラッグで移動します。 実装 準備 シーンにドラッグで動かすオブジェクトを追加します。 ここではRectangle(長方形)を追加しました。 crea...