Phaser3キー入力で任意の関数を実行する(Phaser3)
やりたいこと Phaser3でキー入力があったときに任意の関数を実行します。 以下の方法で登録し this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);...
javascript
Phaser3Phaser3当たり判定の調整（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など)はインストール済みの前提です。 テンプレートの使用 あり...
JavaScriptWebPackが難しいのでViteでバンドル
やりたいこと Vite(ヴィート)でバンドルをします。 バンドルとは複数のJavaScriptファイルを一つのJavaScriptファイルにまとめることです。 webpackが有名ですが、設定が難しく、また開発が終了して...
Phaser3Phaser3のチュートリアルコードの実行と日本語コメント
やりたいこと ２Dゲームの作成エンジンであるPhaser3のチュートリアルゲームを実行します。 また元が英語なので可能な限り日本語のコメントを残します。 チュートリアルゲームの実行 ソースコードのダウンロード ...
JavaScriptVisual studio codeからローカルサーバーを起動する
やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。 なぜ必要なのか？ ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...
JavaScriptJavaScriptでサーバー上かローカルでの実行か知る
やりたいこと Javascriptでサーバ上で実行されているかローカルで実行しているのか確認します。 （ローカルではテストコードを動かし、サーバ上では本番のコードを動かすときなどに使用しています） プロトコルによる確認 ...
JavaScriptJavascriptでテキストファイルをドラッグアンドドロップで読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルをドラッグアンドドロップ読み込みます。 ファイルセレクタで読み込む場合は以下のページを参照。 ファイルシステム APIによる読み込み...