Phaser3不連続なSpliteでアニメーション(Phaser3) やりたいこと Phaser3でキャラクタにアニメをつける場合以下のように連続したSplite(下の例だとdudeの0~3)からアニメーションを作成します。 this.anims.create({////左移動時のアニメ...2024.10.03Phaser3
Phaser3Vite + Phaser 3 のテンプレートで複数のHTMLを作成する やりたいこと 以下の記事で作成したVite + Phaser 3 のテンプレートで複数のHTMLをビルドの対象にします。 具体的にはProjectディレクトリにあるindex.html以外のHTMLをビルド対象にし...2024.10.01Phaser3
Phaser3GameObjectに対するマウスイベント一覧(Phaser3) やりたいこと Phaser3でGameObjectに対するマウスイベントをまとめます。 イベントの受け方 まずゲームオブジェクトにマウス操作を許可します GameObject.setInteractive(); ...2024.08.31Phaser3
Phaser3ドラッグでオブジェクトを移動する(Phaser3) やりたいこと Phaser3でオブジェクトをドラッグで移動します。 実装 準備 シーンにドラッグで動かすオブジェクトを追加します。 ここではRectangle(長方形)を追加しました。 crea...2024.08.30Phaser3
Phaser3別のSceneの値を取得/更新する(Phaser3) やりたいこと Phaser3で異なるSceneの値の読み書きを行いたい。 ここでは下のページで作成した二つのシーンを並べて表示するコードを例に行います。 コードは以下の通り class secondSc...2024.08.30Phaser3
Phaser3複数のSceneを並べて表示(Phaser3) やりたいこと Phaser3で複数のシーンを並べて表示します。 以下の用にmainSceneとSecondSceneを並べて表示するようします。 800x600のmainSceneの表示領域を左側600x600に限定し、...2024.08.292024.08.30Phaser3
Phaser3matterの物理エンジンで基本形状を使う(Phaser3) やりたいこと 下の記事では画像に複雑な形状の当たり判定を設定しましたが、ここでは画像を使用せずに基本形状(円、矩形、多角形)をmatterを使ってみます。 実装 円 以下の実装で(300,30)に半径1...2024.08.18Phaser3
Phaser3matterの物理エンジンで複雑な形状を使ってみる(Phaser3) やりたいこと Phaser3で複雑な形状で物理エンジンを使用するためにmatterを使ってみます。 データの用意 画像の用意 画像をPNGで用意します。 今回は例として上の画像を作成しました。わかりに...2024.08.17Phaser3
Phaser3Phaser3開発向けリンク やりたいこと Phaser3で開発するにあたり便利だったり必要だったりするサイトへのリンクをまとめます。 (随時更新) リンク 本家 Git API Document * ...2024.08.172024.09.30Phaser3
Phaser3キー入力で任意の関数を実行する(Phaser3) やりたいこと Phaser3でキー入力があったときに任意の関数を実行します。 以下の方法で登録し this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);...2024.08.13Phaser3