To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/GameDevArtisan/ . The first 200 of you will get 20% off Brilliant’s annual premium subscription.

The first 10 minutes have been pure gold. You have helped me clarify something that before this video seemed to be black magic or witchcraft. The anchors and alignments are now crystal clear !

just stumbled across this, and i have to say i'm relieved. mastering godot's particular approach towards layout has been nothing short of aneurysm-inducing.

This is very helpful. I've spent hours trying to figure out Godot's UI system and this tutorial filled in several gaps.

Never played with the customization of existing presets which up to now have always been sufficient to me. But now that I see the additional control of Control nodes when selecting "Custom" for Anchor Preset I think I just only scratched the surface for how to deal with UIs. This is pretty cool! Thanks for sharing! 😘👍

The UI nodes are pretty straightforward and very well documented/tutorial'd. But what is still a complete mess in my mind is anchors, margins, resolution limits, etc.

Super helpful video, thank you! Made me understand better how vbox, hbox etc work and how to utilize them properly.

Very nice guide. Thank you!

Crisp, clear, succinct. Excellent tutorial for getting your head on straight! Many thanks! :3

Thank you so much for this! I could never understand how anchors work so I was mostly just using Full Rect and using MarginContainers everywhere. This makes so much sense now.

Your inventory window looks like it’s made in paint, but your tutorial is amazing!

Straight to the favourites list! 😊

High quality content. Learned alot from that tutorial. Thank you so much

wait, so you mean to tell us that theres a way to understand Godot UI? haha. loved this tutorial. thank you!

Extremely useful, thank you so so much !!

Great video. I'm still kind of confused as to why you'd use Vbox and Hbox Containers when control seems to do it all? Do those give you more flexibility with layout I'm not seeing? Maybe if the case of wanting to have multiple boxes evenly spaced out?

Such a helpful channel, thank you for the hard work!

Do you have any videos on Plugins? I found myself stuck trying to programmatically add child nodes from a scene script instead of the plugin initialization script 😅

Your control script needs to be the default behavior. It is extremely useful.

I really appreciate what you're trying to do, but it's still insanely hard to wrap my head around this without this being in relation to the viewport it's going into and the UI element that I need to put there. Like, yes, I can offset a box. What is it in relation to? What does the anchor actually do? What if it's at a larger resolution? What would I need to do to just keep something in the center or a specific offset if not just ticking the Center option and dragging it around? What about with its parents? I keep listening to this over and over again and it's like I'm just hearing math equations. I cannot comprehend why these control nodes are so infuriating.

at 9:25 you got my big question answered "why the heck would I want offsets in pixels if I can deal with percentages from anchor points, because %s are easy to understand but I've never deal with graphics like pixel art

Excellent, thank so much.

braydee is the goat

Thanks! I just started using Godot, so this was almost impossible for me to wrap my head around. The Docs are not that useful in that respect either. Thank God for tutorials like this! great one And as you said in a comment, yes, next one should be Viewport/Canvas/Windows and all that jazz.

nc video

I really tried to love Godot's UI system but I just can't. Unity has the right idea with UI Toolkit, being able to use percentages for everything (like html/css). I'm torn between going back to Unity or having to deal with pixel sizes for everything in Godot.

Godot 4