「上にゲーム画面、下にログコンソール」——開発ツールやデバッグUIで見かけるこの上下2分割レイアウト。Godot で手軽に実現できるのが VSplitContainer です。前回紹介した HSplitContainer の姉妹クラ…

ボタンやテキストを並べたとき、画面の端にぴったりくっついて窮屈に見えてしまった——そんな場面で活躍するのが MarginContainer です。子ノードの周囲に余白（マージン）を設定するだけのシンプルなコンテナですが、UIの見栄え…

アイテム欄にアイコンをずらっと並べたとき、画面端でうまく折り返してほしいのに、はみ出てしまった——そんな経験はありませんか？ FlowContainer はその折り返しを自動でやってくれるコンテナです。

「左にファイルツリー、右にエディタ」——ゲーム開発ツールやデスクトップアプリでよく見るこの左右2分割レイアウト。Godot で手軽に実現できるのが HSplitContainer です。前回紹介した SplitContainer の…

ファイルブラウザやコードエディタのような「左にリスト、右に詳細」という2ペイン構成のUIを作りたいとき、SplitContainer が活躍します。ドラッグで仕切りを動かせるリサイザブルなレイアウトを、数ステップで実現できるノードです。

設定画面やキャラクターステータス画面など、複数のカテゴリにわかれた情報を1つの画面にまとめたい場面があります。TabContainer（タブコンテナ）を使えば、タブを切り替えるだけで関連する情報をすっきり整理できます。

ゲームのUIを作っているとき、背景となる矩形のコンテナが必要になることがあります。Panel（パネル）はUIを整理し、視覚的にまとめるための基本的なノードです。

ゲームのインベントリ画面やメニューリスト、長いテキストが表示される場面に出くわしたことはないでしょうか。そうした「画面に入らないコンテンツをスクロール表示する」というのは、ゲームUIの基本機能のひとつです。この記事では、Godot …

複数のボタンやパネルを格子状に並べたいとき、どうしていますか？GridContainerは、子ノードを自動的に行と列に整列させてくれるコンテナです。この記事では、GridContainerの基本的な使い方と、ゲーム開発での実践的な活…

ゲーム画面にボタンやテキストを配置していると「複数のUI要素を上から下へ、ピッタリ並べたい」という場面がよくあります。VBoxContainerは、子要素を自動的に上下方向に整列させてくれるコンテナノードです。この記事では、VBox…