Node解説 Godot入門：TextureRectの使い方と活用法
ゲームのUI上に画像を表示したいとき、まず手を伸ばすのが TextureRect です。背景画像・アイコン・カードのイラストなど、UIに貼り付ける「画像ノード」として幅広く使われます。
UI・コンテナ
Node解説 Node解説 Godot入門：SubViewportContainerの使い方と活用法
「ゲーム画面の中にミニゲーム画面を映したい」「3Dキャラクターのプレビューをメニューに表示したい」——こういった「画面の中に別の画面を埋め込む」演出を実現するのが SubViewportContainer です。仕組みを知ると、ぐっ…
Node解説 Godot入門：AspectRatioContainerの使い方と活用法
ゲームのミニマップやスキルアイコンを作ったとき、ウィンドウサイズを変えたら縦横比が崩れてつぶれてしまった——という経験はないでしょうか。AspectRatioContainer はその問題を解決するコンテナです。子ノードの縦横比を維…
Node解説 Godot入門：CenterContainerの使い方と活用法
「このボタン、画面の真ん中に置きたいだけなのに、なぜかずれてしまう……」——UIを作っていると、センタリングにじわじわ時間を取られることがあります。CenterContainer を使えば、子ノードを自動で中央に配置できます。アンカ…
Node解説 Godot入門：VSplitContainerの使い方と活用法
「上にゲーム画面、下にログコンソール」——開発ツールやデバッグUIで見かけるこの上下2分割レイアウト。Godot で手軽に実現できるのが VSplitContainer です。前回紹介した HSplitContainer の姉妹クラ…
Node解説 Godot入門：MarginContainerの使い方と活用法
ボタンやテキストを並べたとき、画面の端にぴったりくっついて窮屈に見えてしまった——そんな場面で活躍するのが MarginContainer です。子ノードの周囲に余白（マージン）を設定するだけのシンプルなコンテナですが、UIの見栄え…
Node解説 Godot入門：FlowContainerの使い方と活用法
アイテム欄にアイコンをずらっと並べたとき、画面端でうまく折り返してほしいのに、はみ出てしまった——そんな経験はありませんか？ FlowContainer はその折り返しを自動でやってくれるコンテナです。
Node解説 Godot入門：HSplitContainerの使い方と活用法
「左にファイルツリー、右にエディタ」——ゲーム開発ツールやデスクトップアプリでよく見るこの左右2分割レイアウト。Godot で手軽に実現できるのが HSplitContainer です。前回紹介した SplitContainer の…
Node解説 Godot入門：SplitContainerの使い方と活用法
ファイルブラウザやコードエディタのような「左にリスト、右に詳細」という2ペイン構成のUIを作りたいとき、SplitContainer が活躍します。ドラッグで仕切りを動かせるリサイザブルなレイアウトを、数ステップで実現できるノードです。
Node解説 Godot入門：TabContainerの使い方と活用法
設定画面やキャラクターステータス画面など、複数のカテゴリにわかれた情報を1つの画面にまとめたい場面があります。TabContainer（タブコンテナ）を使えば、タブを切り替えるだけで関連する情報をすっきり整理できます。