Phaser3画像を使用せずに凝ったボタンを作成する(graphics)(Phaser3)
やりたいこと Phaser3ではGameObjectにクリックのイベントを登録してボタンとして使用することができます。 しかしGameObjectは四角形や円などで画像を使用する以外に凝ったボタンを作成する子は難しいです。 ...
javascript
Phaser3Phaser3画像を使用せずに凝ったボタンを作成する(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 デバッグ ...
nodejsWindows上のNode.jsで80ポートを使用する
やりたいこと 下の記事ではNode.jsを使用してHTTPサーバを起動しました。 作業するに当たりUnix系のOS上でNode.jsを使用すると８０ポートで起動できない。という記事を見かけました。しかしWindows上で80ポ...
nodejsGemini+NodeJSで遊ぶまとめ
やりたいこと GoogleのAIであるGeminiをNodeJSで使用する記事のまとめです。 オフィシャル 記事まとめ NodeJSで環境を作成してGeminiから回答を得るところまで ...
nodejsNodeJS+GeminiにGUIを実装する
やりたいこと 下の記事でNodeJSでGeminiを使用できるようにしました。 しかしGUIがなく実用性は皆無なのでGUIを実装します。 おさらい 前回作成したHTMLは以下の通りです。 ...