Phaser3ゲーム上に当たり判定の表示(Phaser 3)
やりたいこと Phaser 3 で物理エンジン(Arcade)の当たり判定をゲーム上に表示します。 Phaser 3の調べ物をしているときにキャラクターやアイテムに四角が表示されているキャプチャを見ることがありますが、あれを表...
Phaser3Phaser3Phaser 3 でシーンの再実行
やりたいこと Phaser 3 でシーンの再起動を行う。 例えばゲームオーバーになったときにゲームのシーンをはじめからやり直すなど。 例としてPhaser 3チュートリアルのPart10を参考に行います。 コードの...
Phaser3Vite + Phaser 3 + VisualStudioCodeの開発環境を作成する
やりたいこと Phaser 3(Javascriptの２Dゲームエンジン)を使用するViteの環境を作成します。 Viteが動作する環境(Node.jsなど)はインストール済みの前提です。 テンプレートの使用 あり...
JavaScriptViteのプロジェクトを作成するBat
やりたいこと 以下のページでViteのプロジェクトを作成してみましたが手動で行うことが多いので、自動化する。 batによるプロジェクト作成 フォルダの作成 プロジェクトに使用するフォルダを作成します。 ...
git[batあり]git がgit config –global –add safe.directoryしろと言ってきたときのbat
やりたいこと gitのリポジトリをCloneした直後などにgitから以下のメッセージが表示されPullなどができないことがあります。 Could not open repository. libgit2 returned: r...
JavaScriptWebPackが難しいのでViteでバンドル
やりたいこと Vite(ヴィート)でバンドルをします。 バンドルとは複数のJavaScriptファイルを一つのJavaScriptファイルにまとめることです。 webpackが有名ですが、設定が難しく、また開発が終了して...
Phaser3Phaser3のチュートリアルコードの実行と日本語コメント
やりたいこと ２Dゲームの作成エンジンであるPhaser3のチュートリアルゲームを実行します。 また元が英語なので可能な限り日本語のコメントを残します。 チュートリアルゲームの実行 ソースコードのダウンロード ...
Synfig StudioSynfig StudioでSVGを読み込む
やりたいこと Inkscapeなどで作成したSVGをSynfig StudioでSVGを読み込みたい。 なぜ必要なのか？ Synfig Studioにはメニュー ファイル → インポートからSVGファイルがインポートでき...
JavaScriptVisual studio codeからローカルサーバーを起動する
やりたいこと Visual studio codeからローカルサーバーを起動、HTMLの確認を行いたい。 なぜ必要なのか？ ローカルで作成したHTMLファイルをchromeなどのブラウザで表示することで、動作確認を行うこ...
TypeScriptVisual Studio CodeをTypeScriptの開発環境にする手順
やりたいこと Visul Studio Codeを用いてTypeScript（TS）による開発を行う。 (無料でTSのGUI付きの開発環境を作成する) 環境 OS : Windows11 Visual Stu...