UI・コンテナ

「セーブが完了しました」「接続できませんでした」——プレイヤーに一方的にメッセージを伝えて「OK」で閉じるだけのシンプルなダイアログが必要なとき、AcceptDialog が最適です。数行のコードで用意できます。

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

右クリックで表示されるコンテキストメニューや、ボタンを押したときに開くメニューリスト——そういった「ポップアップで選択肢を出す」UIを作れるのが PopupMenu です。OptionButton の内部でも使われており、Godot…

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

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

「難易度をかんたん・ふつう・むずかしいから選んでください」——こういった複数の選択肢からひとつを選ばせるドロップダウンUIを作るときに使うのが OptionButton です。ボタン1つでリストを開閉できるので、限られた画面スペース…

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

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

HPゲージ・経験値バー・ロード画面の進捗表示——ゲームに欠かせない「バー型の進捗UI」を手軽に作れるのが ProgressBar です。ColorRect を重ねて自作する方法もありますが、ProgressBar を使えばゲージの塗…

UIに単色の背景を敷きたい、暗幕を重ねてフェードインしたい、HPゲージの土台を作りたい——こういった「とにかく色のついた矩形が欲しい」場面に即座に使えるのが ColorRect です。シンプルな見た目ですが、ゲームUIの土台を支える…