Go, Go, Godot!
  • 0
Godot Game Engine Logo

Building UIs in Godot 4

September 14, 2023

Here’s a collection of tutorials that are helpful if you’re new to using Control and Container nodes to create UIs in Godot 4.

The Game Dev Artisan video covers creating a simple UI with a reload indicator for a simple 2D tank game:


Clear Code’s 11+ hour Ultimate Introduction to Godot 4 has a chapter on User interfaces that is pretty good (as is the rest of the video).


Godotneers’ Godot UI Basics video is quite comprehensive and covers most of there is to know in 45 minutes:


Abra’s video covers creating Godot UI themes in under 10 minutes:

godottutorial
Posted in Godot.
Share
PreviousGenerating documentation for GDScript
NextTerrain3D for Godot has been released

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Related Posts

  • August 3, 2022

    Share your Computer’s Mouse and Keyboard with your Steam Deck

    I use an app called barrier. It allows you to share your mouse and keyboard with multiple devices. I use it, because I tend to have my laptop and Macbook sitting next to my PC, and it makes working across all devices very convenient. It’s a mix of a multi-monitor and multi-computer setup. Concept Your …

  • August 2, 2022

    Launching Godot Games on Steam Deck from the command line via Remote Shell

    For some reason, my Godot game would no longer launch on the Steam Deck. I could hear it running as if it were running in the background, but the screen kept showing the Steam Deck’s UI. Since it’s all Linux I figured it should be possible to just drop to the command line and launch …

  • Godot Game Engine Logo
    June 1, 2023

    Godot Engine 4.1.dev4 is available

    Development snapshot #4 of Godot Engine 4.1 is here. Among many other changes, it fixes a lighting issue related to using Light-only mode in CanvasItemMaterial (#44559). Unfortunately, it also introduced a UX issue with gradient color pickers (#77745), which makes it quite difficult to work with gradients at all. If you use gradients, I recommend …

  • April 20, 2024

    Ditch @onready, use @export instead

    Are you using @onready to reference nodes? There’s a better way! Here’s a simple example of how many tutorials use @onready to reference nodes: That script is attached to a CanvasLayer node with a ProgressBar called HealthBar. And yet, when running the scene, it will throw an error: This is because there’s actually a spelling …

    © 2026 GoGoGodot.io. All rights reserved.