2026-05

ゲーム内に独立したウィンドウを作りたい——インベントリを別ウィンドウで開く、キャラクターステータスをフローティングウィンドウで表示する、そんな「ゲーム内ウィンドウ」を実現するのが Window ノードです。

PopupMenuは、任意の位置にメニューリストをポップアップ表示するノードです。右クリックメニューなど、汎用的な選択UIの実装方法を解説します。

音量バーをドラッグで調整する、明るさを左右にスライドして変える——ゲームの設定画面でよく見るあの横スライダーを作れるのが HSlider です。直感的な操作感で、数値の大小をビジュアルで伝えられます。

音量を1〜100の数値で細かく設定したい、最大ライフを数字で入力させたい——こういった「数値をUI上で増減させる」場面で便利なのが SpinBox です。テキスト入力と上下ボタンの両方で数値を変えられます。

OptionButtonは、クリックするとドロップダウンリストが開き選択肢を選べるUIノードです。難易度選択などの実装方法を解説します。

設定画面のオン・オフを、スマートフォンアプリのようなスライドスイッチで表現したい——そんな場面に使えるのが CheckButton です。前回紹介した CheckBox と機能はまったく同じで、見た目だけが異なります。

設定画面で「BGMをオンにする」「フルスクリーンで起動する」といったオン・オフの選択肢を作るとき、真っ先に候補に上がるのが CheckBox です。クリックするたびにチェックが切り替わる、おなじみのUIパーツです。

ProgressBarは、最小値・最大値・現在値の割合をバーで視覚的に表示するUIノードです。HPゲージや進捗表示の実装方法を解説します。

ColorRectは、指定した色で塗りつぶした矩形を表示するノードです。暗幕やフェード演出、HPゲージの土台としての活用法を解説します。

ゲームのUI上に画像を表示したいとき、まず手を伸ばすのが TextureRect です。背景画像・アイコン・カードのイラストなど、UIに貼り付ける「画像ノード」として幅広く使われます。