Phaser3ゲーム上に当たり判定の表示(Phaser 3)
やりたいこと Phaser 3 で物理エンジン(Arcade)の当たり判定をゲーム上に表示します。 Phaser 3の調べ物をしているときにキャラクターやアイテムに四角が表示されているキャプチャを見ることがありますが、あれを表...
javascript
Phaser3Phaser3Phaser 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による読み込み...
JavaScriptJavascriptでテキストファイルを指定して読み込む
やりたいこと Javascriptでローカルに保存されているテキストファイルを読み込みます。 ドラッグアンドドロップでの読み込みは以下を参照。 ファイルシステム APIによる読み込み 以下のhtmlで表...
Threejs(Java script)読み込んだMMD向けファイル（PMD）をテクスチャ付きでThreejsで読み込めるglbで出力する(Blender)
やりたいこと BlenderにてインポートしたMMD向けファイルのモデルをテクスチャ付きThreejsで表示可能なglbで出力します。 下の記事の通りglbを出力すると多くのマテリアルはうまくいきます。 しか...