UI・コンテナ

UI・コンテナ

GodotでゲームUIを作ってみた|アンカー配置とボタンによるPanel開閉を実演

Godotでスコア、攻撃表示、Button、MessagePanelを配置。アンカーで画面端や中央へ固定し、pressedシグナルのshow・hideだけでPanelを開閉するところまで実際に試しました。
Node解説

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

PanelContainerは、子のControlをパネル背景の余白分だけ自動配置してくれるUIコンテナです。設定画面やダイアログの背景を整える使い方を解説します。
Node解説

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

NinePatchRectは、1枚のテクスチャを9分割し、拡大縮小しても角や枠が崩れずに表示できるノードです。ダイアログやボタン背景での活用法を解説します。
Node解説

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

ColorPickerButtonは、クリックすると色選択パネルが開くボタンノードです。キャラクターの色カスタマイズやお絵かきツールでの使い方を初心者向けに解説します。
Node解説

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

Sliderは、つまみをドラッグして数値を変更するUIノードの基底クラスです。音量調整バーなど、HSlider・VSliderを使った設定画面の作り方を解説します。
Node解説

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

Treeは、フォルダのような親子関係を持つ項目を階層表示できるUIノードです。Godotエディタ自身にも使われる高機能な一覧表示の実装方法を解説します。
Node解説

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

ItemListは、テキストやアイコン付きの項目を並べてクリックで選択させるUIノードです。インベントリやセーブデータ選択画面での活用法を解説します。
Node解説

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

TextEditは、複数行のテキストを表示・編集できるUIノードです。ゲーム内チャット欄やメモ機能を実装する際の基本的な使い方を解説します。
Node解説

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

Controlは、ボタンやラベルなどすべてのUIノードの基底クラスです。アンカーやマウス入力の受付など、UI設計に欠かせない共通機能を解説します。
Node解説

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

ゲーム内エディタやツールを作るとき、「ファイルを開く」「名前を付けて保存」のダイアログが欲しくなることがあります。FileDialog を使えば、OS標準のファイルブラウザに近い見た目のダイアログをGodot内に実装できます。