Godot UI & Control Node Crash Course
In this Godot 4 tutorial, we're creating a basic main menu user interface using control nodes, containers, and buttons. We'll take a look at how to organize control nodes and use Godot themes and styles to customize the look of our UI.
🔥 GET THE SOURCE FILES ►► / stayathomedev_
👉🏼 CHECK OUT MY GODOT 4 FPS TUTORIAL SERIES ►► • Make An FPS in Godot 4
-----------------------------------------------------------------------------------
0:00 - Introduction
0:05 - Overview of the Tutorial Series
0:44 - Focus on Basic Main Menu Setup
1:24 - Creating a New Scene
1:51 - Using Container Nodes
2:17 - Adjusting Layout with Anchors
3:12 - Adding a Label Node
3:37 - Using Panel Container
4:06 - VBox Container for Vertical Layout
4:37 - Adding Buttons
5:00 - Testing the Menu
5:55 - Introduction to Themes
6:39 - Creating and Saving Themes
7:01 - Customizing the Panel Container
9:00 - Adjusting Padding and Borders
10:48 - Custom Minimum Size and Button Spacing
12:26 - Setting Up Button Styles
13:06 - Creating New Button Types
14:50 - Customizing Button Appearance
17:01 - Theme Variation for Buttons
18:00 - Summary and Next Steps
19:00 - Future Tutorials and Series Outline
-----------------------------------------------------------------------------------
This series is part of my sponsored User Interface (UI) and Control Node tutorial series where we will walk through how to create various user interfaces, heads up displays, and more in Godot 4, step by step. I won't be skipping any steps in the process and everything will be sequential video to video.
Joining my Patreon in one of the 3 tiers will give you:
access to the private Discord channel
your name in the project README
early access to tutorial videos
power to vote on what mechanics get covered in future videos
full access to the project source files to use in your own projects
-----------------------------------------------------------------------------------
STAYATHOMEDEV ►► https://stayathomedev.com
TWITTER ►► / stayathomedev
MY GODOT ASSETS ►► https://stayathomedev.itch.io/
#godot #godotengine #ui
Watch video Godot UI & Control Node Crash Course online without registration, duration hours minute second in high quality. This video was added by user StayAtHomeDev 10 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,398 once and liked it 702 people.