サンプルコードあり

Node解説

Godot入門:SubViewportContainerの使い方と活用法

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

Godot入門:AspectRatioContainerの使い方と活用法

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

Godot入門:CenterContainerの使い方と活用法

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

Godot入門:VSplitContainerの使い方と活用法

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

Godot入門:MarginContainerの使い方と活用法

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

Godot入門:FlowContainerの使い方と活用法

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

Godot入門:HSplitContainerの使い方と活用法

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

Godot入門:SplitContainerの使い方と活用法

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

Godot入門:TabContainerの使い方と活用法

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

Godot入門:Panelの使い方と活用法

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