Node解説 Godot入門：SplitContainerの使い方と活用法
はじめにファイルブラウザやコードエディタのような「左にリスト、右に詳細」という2ペイン構成のUIを作りたいとき、SplitContainer が活躍します。ドラッグで仕切りを動かせるリサイザブルなレイアウトを、数ステップで実現できるノードで...
Node解説 Node解説 Godot入門：TabContainerの使い方と活用法
はじめに設定画面やキャラクターステータス画面など、複数のカテゴリにわかれた情報を1つの画面にまとめたい場面があります。TabContainer（タブコンテナ）を使えば、タブを切り替えるだけで関連する情報をすっきり整理できます。この記事では、...
Node解説 Godot入門：Panelの使い方と活用法
はじめにゲームのUIを作っているとき、背景となる矩形のコンテナが必要になることがあります。Panel（パネル）はUIを整理し、視覚的にまとめるための基本的なノードです。この記事では、Panelの役割と使い方、そして画面に配置する際のポイント...
Node解説 Godot入門：ScrollContainerの使い方と活用法
はじめにゲームのインベントリ画面やメニューリスト、長いテキストが表示される場面に出くわしたことはないでしょうか。そうした「画面に入らないコンテンツをスクロール表示する」というのは、ゲームUIの基本機能のひとつです。この記事では、Godot ...
Node解説 Godot入門：GridContainerの使い方と活用法
はじめに複数のボタンやパネルを格子状に並べたいとき、どうしていますか？GridContainerは、子ノードを自動的に行と列に整列させてくれるコンテナです。この記事では、GridContainerの基本的な使い方と、ゲーム開発での実践的な活...
Node解説 Godot入門：VBoxContainerの使い方と活用法
はじめにゲーム画面にボタンやテキストを配置していると「複数のUI要素を上から下へ、ピッタリ並べたい」という場面がよくあります。VBoxContainerは、子要素を自動的に上下方向に整列させてくれるコンテナノードです。この記事では、VBox...
Node解説 Godot入門：HBoxContainerの使い方と活用法
はじめにゲームの UI を作っていて、複数のボタンやテキストを一列に並べたいと思ったことはありませんか？そんなときに活躍するのが HBoxContainer です。この記事では、HBoxContainer の基本から実践的な使い方まで、わか...
Node解説 Godot入門：Buttonの使い方と活用法
はじめにゲームのメニュー画面で「スタート」「設定」「終了」といったボタンを押したとき、何かが起きる。そうしたときに「何かが起きる」を担うのが Button ノードです。この記事では、Buttonの役割、基本的な使い方、よく使うカスタマイズ方...
Node解説 Godot入門：LineEditの使い方と活用法
はじめにゲームで、プレイヤーから名前やIDを入力してもらいたい場面があります。チャットシステムを作るときも、テキスト入力が必要です。そうしたときに活躍するのが LineEdit ノードです。この記事では、LineEditの役割、使い方、カス...
Node解説 Godot入門：RichTextLabelの使い方と活用法
はじめに前回解説したLabelノードで基本的なテキスト表示ができますが、ゲーム開発では「ストーリーの会話文に人物の名前を赤で、セリフを白で表示したい」「アイテム説明に重要な部分を太字にしたい」など、同じテキストの中に異なる色や装飾を混在させ...