Phaser3[Phaser3]Full screen表示を行う
やりたいこと Phaser3でFullScreen表示を行います。 ブラウザの表示部分に大きく表示するわけではなく、動画などをFull Screen表示した場合と同様にブラウザのGUIは非表示になり、ESCでFull Scre...
javascript
Phaser3AIViteでGemini APIの音楽生成
やりたいこと GoogleのGemini APIをNodeJSで使用して、音楽生成を行います。 実装はフロントエンドのみでバックエンドはGoogleを使用します。 GoogleのAPIキーを発行する必要があります。 ...
ViteViteでローカル以外からアクセスできるコマンドを作成
やりたいこと Viteで作成したプロジェクトで以下コマンドを実行して、Severを起動するとローカルPCからはブラウザなどからアクセスできます。 npm run dev 出力： ➜ Local: ➜...
Phaser3画像を使用せずに凝ったボタンを作成する(graphics)(Phaser3)
やりたいこと Phaser3ではGameObjectにクリックのイベントを登録してボタンとして使用することができます。 しかしGameObjectは四角形や円などで画像を使用する以外に凝ったボタンを作成する子は難しいです。 ...
Phaser3画像を使用せずに凝ったボタンを作成する(DOM)(Phaser3)
やりたいこと Phaser3ではGameObjectにクリックのイベントを登録してボタンとして使用することができます。 しかしGameObjectは四角形や円などで画像を使用する以外に凝ったボタンを作成する子は難しいです。 ...
Phaser3Domオブジェクトを使うまとめ(Phaser3)
やりたいこと Phaser3上にHTMLのタグ(DOM)を配置するDomオブジェクトを使用すると、他のGameObjectとは使用方法が異なったため使用方法と注意点をまとめます。 使用方法 準備 DOMオブジェクト...
Phaser3imgエレメントの画像を表示(Phaser3)
やりたいこと imgエレメントに設定された画像をPhaser3上に表示します。 使用例 以下の記事にあるようにScreenCaptureを行うと、画像はimgエレメントで返却されます。 ScreenCaptureし...
Phaser3画面の一部のScreenCapture(Phaser3)
やりたいこと Phaser3で表示している画面のScreenCapture（snapshot）を取得します。 背景 Canvasエレメントを取得してImageを取得しようと思ったのですが、2DのContextを取得できな...
Phaser3上下スペースキーの押下時にページスクロールしないようにする(Phaser3)
やりたいこと Phaser3でゲームを作成した際に、上下スペースキーをキーを押下したときにページが意図せずにスクロールしてしまうことがあります。 （ローカル環境でフィットするようにスケールするように設定していると気が付きにくい...
nodejsVisualStudioCodeでNode.jsのサーバコードをデバッグする
やりたいこと Node.jsでHTTPサーバを実装した際にVisualStudioCodeでデバッグします。 環境 Node.js v20.16.0 VisualStudioCode 1.94.2 デバッグ ...