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

  • November 17, 2022

    Making videos for the web with Godot 4’s Movie Writer

    Normally I use OBS for screen recording, but there are cases where it makes sense to use Godot’s built-in movie writer that was recently announced. For example, if you have a slow PC or really demanding game, OBS will skip frames. It makes sense since OBS is just recording what’s on the screen in real …

  • December 23, 2023

    godot-matcha: Free multiplayer without a server

    Godot-matcha is an addon that lets you use WebRTC for multiplayer games by handling matchmaking using WebTorrent trackers. Conceptually it’s quite an interesting, novel approach. WebTorrent uses a modified BitTorrent protocol that allows it to work with WebSockets. A WebTorrent tracker is essentially a directory service that keeps track of torrents offered by users. A …

  • February 10, 2024

    Inventory System v1.6 available

    Per feedback, we’ve exposed more inventory user interface component signals to make it easier to react to slot/item interactions with custom logic. New features: In addition, these bug fixes are included:

  • 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.