Phaser3複数のSceneを並べて表示(Phaser3) やりたいこと Phaser3で複数のシーンを並べて表示します。 以下の用にmainSceneとSecondSceneを並べて表示するようします。 800x600のmainSceneの表示領域を左側600x600に限定し、...2024.08.292024.08.30Phaser3
electronElectronのメニューを消す やりたいこと 下の記事にてElectronを使ってWebページをWindowsの実行ファイルにビルドしてみました。 しかし、下の用にメニューが表示されます(File, Edit…の部分)。 基本的に不要(リリ...2024.08.25electron
nodejsnpmでのパッケージ管理の基本 やりたいこと Node.jsやJavaScript/TypeScriptの調べ物をしているときなどによく出てくるnpmに関して簡単に説明します。 ここではパッケージ管理に関しての基本をまとめます。 NPMとは NP...2024.08.242024.09.22nodejs
electronElectronを使ってWebページからWindowsの実行ファイルを作る やりたいこと 下のElectronを使ってWindows向けのアプリケーションを作成します。 electronとは electronはJavaScript/HTML/CSSで作成したWebページから実行ファイルを作成しま...2024.08.242024.08.29electron
Phaser3matterの物理エンジンで基本形状を使う(Phaser3) やりたいこと 下の記事では画像に複雑な形状の当たり判定を設定しましたが、ここでは画像を使用せずに基本形状(円、矩形、多角形)をmatterを使ってみます。 実装 円 以下の実装で(300,30)に半径1...2024.08.18Phaser3
Phaser3matterの物理エンジンで複雑な形状を使ってみる(Phaser3) やりたいこと Phaser3で複雑な形状で物理エンジンを使用するためにmatterを使ってみます。 データの用意 画像の用意 画像をPNGで用意します。 今回は例として上の画像を作成しました。わかりに...2024.08.17Phaser3
ViteVite でビルドしたら動作しなくなった やりたいこと Viteの環境でnpm run buildを行いビルドをしたところ正しく動作しなかったことのまとめです・ 前提として開発環境にあったテンプレートを使用しています。(テンプレートなしだと構成などで苦戦したため) ...2024.08.172024.09.26Vite
Phaser3Phaser3開発向けリンク やりたいこと Phaser3で開発するにあたり便利だったり必要だったりするサイトへのリンクをまとめます。 (随時更新) リンク 本家 Git API Document ...2024.08.172024.11.05Phaser3
Phaser3キー入力で任意の関数を実行する(Phaser3) やりたいこと Phaser3でキー入力があったときに任意の関数を実行します。 以下の方法で登録し this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);...2024.08.13Phaser3
Phaser3当たり判定の調整(Phaser3) やりたいこと Phaser3で物理エンジン(Arcade)の当たり判定を設定します。 例としてPhaser 3チュートリアルのPart10を参考に行います。 コードのダウンロードやコメントなどは以下のページに記載しました...2024.08.13Phaser3