Godot4

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

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

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

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

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

SubViewportContainerは、子のSubViewportの映像をUIコントロールとして表示するコンテナです。画面内ミニゲームなどの実装方法を解説します。

AspectRatioContainerは、指定した縦横比を保ちながら子ノードのサイズを自動調整するUIコンテナです。ミニマップなどの実装方法を解説します。

CenterContainerは、子ノードをコンテナの中央に自動配置するUIコンテナです。アンカー調整なしでセンタリングする方法を解説します。

VSplitContainerは、2つの子ノードを上下に並べ、ドラッグ可能な仕切りで比率を変えられるUIコンテナです。上下2分割レイアウトの実装方法を解説します。

MarginContainerは、子ノードの四辺に余白を加えるUIコンテナです。CSSのpaddingに相当する、UIの見栃えを整える方法を解説します。