Godot4 指定した UI ノードのアンカーを現在の比率で一括設定する手順

無料・軽快な 2D / 3D 用のゲームエンジン Godot Engine 4 で、ボタンやラベルなどの UI 用のノードの位置・サイズを比率で管理するアンカーを、現在のノードの比率にあわせて一括で設定する手順です。
４つのアンカーを UI ノードの四隅に、ドラッグ＆ドロップするよりも簡単で正確です。

※ GodotEngine 4.3 を使用しています。.NET 版ではありません。
※スクリプトは自己責任でご使用ください。

アンカーを「現在の比率に設定」

例として以下の構成のシーンを用います。
※メニュー「シーン」→「新規シーン」で、シーンドックに表示される「ユーザーインターフェース」を選択すると Control がルートノードのシーンが作成されます。

• Control
  • Label （このノードに設定します）
  • Button

ウィンドウ上部で 2D ワークスペースを選択して、シーンドックで設定する UI 用のノードを選択します。

2D ワークスペース上部の「コントロールノードのアンカーおよびオフセットの値のプリセット」ドロップダウンを開いて「現在の比率に設定」を選択します。

左上にあったアンカー（緑色の４つ）が現在の UI 用のノードの四隅に一括で移動しました。

これにより、この UI ノードは上位のサイズに合わせて現在と同じ比率で配置されます。

まとめ

• 2D ワークスペース上部の「コントロールノードのアンカーおよびオフセットの値のプリセット」ドロップダウンから「現在の比率に設定」を選択することで、選択中の UI 用のノードの四隅に４つのアンカーが一括で簡単に設定できます。

参照サイト Thank You!

• Godot Engine – Free and open source 2D and 3D game engine
• Godot Control Node (UI) Masterclass – YouTube

記事一覧 → Compota-Soft-Press