はじめに「本当にデータを削除しますか？」——取り消せない操作の前にプレイヤーに確認を取る場面は、ゲームUIで頻繁に登場します。ConfirmationDialog はそのための「はい・いいえ」ダイアログを数行で実装できるノードです。この記事...

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

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

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

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

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

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

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

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

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