Godot UI Basics - how to build beautiful interfaces that work everywhere (Beginners)

Godotneersの皆さん、こんにちは！あらゆる画面サイズやアスペクト比で動作する、見栄えの良いGodotユーザーインターフェースを構築するのは、なかなか骨の折れる作業です。この動画では、Godotゲームエンジンを使って、あらゆる画面サイズやアスペクト比で動作する独自のユーザーインターフェースを構築するために必要な基本事項をご紹介します。この動画を読めば、今後の冒険に向けて、しっかりとした基礎を築くことができます。 00:00 はじめに 00:50 シーンのセットアップ 01:27 小さなダッシュボードの作成 04:17 参照解像度の設定 06:09 UIを別のレイヤーに分割 07:16 コンテナの紹介 07:56 GridContainer 08:48 スプライトをTextureRectに置き換える 11:22 コンテナの動作原理 14:33 PanelContainerによる自動サイズ変更 15:36 境界線を追加するためのMarginContainer 16:37 コンテナの使用が重要な理由 17:05 テーマを使用したカスタム外観 17:56 ラベルのカスタム外観の作成 18:47 UIへのテーマの適用 20:18 カスタムPanelContainerの作成 22:10 テーマの変更の適用 22:35 ミッションダイアログの作成 23:20ラベルテキストの自動折り返し 23:41 VBoxContainer を使用したコンポーネントのスタック 24:29 PanelContainer のバリアントの作成 25:50 UI でのバリアントの使用 26:09 組み込みのバリエーションのオーバーライド 26:51 ラベルテキストの中央揃え 27:08 カスタムボタンの作成 29:25 HBoxContainer を使用した水平コントロール 29:54 コントロールのサイズの制御 30:57 「expand」フラグ 32:36 使用可能なスペースの分割 35:00 サイズ設定フラグの説明 36:55 コントロールの中央揃え 37:17 CenterContainer 38:15 スペーサーコントロールの使用 40:18 ウィンドウサイズの変更の処理 40:43 UI 要素のアンカー 42:01 異なる解像度の処理 43:44 異なるアスペクト比の処理 45:45まとめ 役立つリンク: ----------------------- Godot UI ドキュメント: https://docs.godotengine.org/en/stabl... このビデオで使用したプロジェクト: https://github.com/godotneers/ui-video