Phaser3matterの物理エンジンで基本形状を使う(Phaser3)
やりたいこと 下の記事では画像に複雑な形状の当たり判定を設定しましたが、ここでは画像を使用せずに基本形状(円、矩形、多角形)をmatterを使ってみます。 実装 円 以下の実装で(300，30)に半径1...
Phaser3Phaser3matterの物理エンジンで複雑な形状を使ってみる(Phaser3)
やりたいこと Phaser3で複雑な形状で物理エンジンを使用するためにmatterを使ってみます。 データの用意 画像の用意 画像をPNGで用意します。 今回は例として上の画像を作成しました。わかりに...
ViteVite でビルドしたら動作しなくなった
やりたいこと Viteの環境でnpm run buildを行いビルドをしたところ正しく動作しなかったことのまとめです・ 前提として開発環境にあったテンプレートを使用しています。(テンプレートなしだと構成などで苦戦したため) ...
Phaser3Phaser3開発向けリンク
やりたいこと Phaser3で開発するにあたり便利だったり必要だったりするサイトへのリンクをまとめます。 (随時更新) リンク 本家 Git API Document * ...
Phaser3キー入力で任意の関数を実行する(Phaser3)
やりたいこと Phaser3でキー入力があったときに任意の関数を実行します。 以下の方法で登録し this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);...
Phaser3当たり判定の調整（Phaser3）
やりたいこと Phaser3で物理エンジン(Arcade)の当たり判定を設定します。 例としてPhaser 3チュートリアルのPart10を参考に行います。 コードのダウンロードやコメントなどは以下のページに記載しました...
Phaser3ゲーム上に当たり判定の表示(Phaser 3)
やりたいこと Phaser 3 で物理エンジン(Arcade)の当たり判定をゲーム上に表示します。 Phaser 3の調べ物をしているときにキャラクターやアイテムに四角が表示されているキャプチャを見ることがありますが、あれを表...
Phaser3Phaser 3 でシーンの再実行
やりたいこと Phaser 3 でシーンの再起動を行う。 例えばゲームオーバーになったときにゲームのシーンをはじめからやり直すなど。 例としてPhaser 3チュートリアルのPart10を参考に行います。 コードの...
Phaser3Vite + Phaser 3 + VisualStudioCodeの開発環境を作成する
やりたいこと Phaser 3(Javascriptの２Dゲームエンジン)を使用するViteの環境を作成します。 Viteが動作する環境(Node.jsなど)はインストール済みの前提です。 テンプレートの使用 あり...
JavaScriptViteのプロジェクトを作成するBat
やりたいこと 以下のページでViteのプロジェクトを作成してみましたが手動で行うことが多いので、自動化する。 batによるプロジェクト作成 フォルダの作成 プロジェクトに使用するフォルダを作成します。 ...