Every UI Node Explained in 12 Minutes !

Consider a subscription!

[@chicco_stat]

I simply love these "Every *** explained" series. Great for beginners to get a sense of what is available (aside from endlessly scrolling through manuals, of course). Thanks!

[@pureheroin9902]

I spent a week without internet a while back, the only thing I had was Godot on my laptop with the built in docs. I learned alot just scrolling through, seeing what was in the engine, but these videos are way better. a real OP shortcut.

[@pinguino4219]

One of the difficult things as a beginner is trying to learn what you don't know it's there. These videos are incredibly useful to know what it's possible when doing your projects. Thanks for the content man

[@pinguino4219]

Also the thumbnail is pretty cool

[@ThunderduckyGames]

Thanks for putting this together, really helpful stuff! List of Elements & Time Codes Containers 00:59 - Container 01:08 - AspectRatioContainer 01:23 - BoxContainer (VBoxContainer, HBoxContainer) 01:37 - CenterContainer 01:45 - FlowContainer (VFlowContainer, HFlowContainer) 01:59 - GridContainer 02:13 - SplitContainer (VSplitContainer, HSplitContainer) 02:26 - Margin Container 02:39 - PanelContainer 02:48 - ScrollContainer 03:05 - TabContainer Container Content 03:33 - Label 03:39 - RichTextLabel 03:48 - ColorRect 03:54 - TextureRect 04:00 - VideoStreamPlayer 04:05 - HSeparator, VSeparator 04:15 - Panel 04:28 - NinePatchRect Input Elements 04:38 - Intro to Input Elements 04:59 - Button (BaseButton, TextureButton) 05:12 - LinkButton 05:20 - CheckBox, CheckButton 05:28 - MenuButton 05:35 - OptionButton 05:46 - ColorPickerButton 05:54 - LineEdit 06:02 - TextEdit, CodeEdit 06:18 - Range 06:25 - ProgressBar, TextureProgressBar 06:32 - SpinBox 06:41 - HScrollBar, VScrollBar 06:57 - HSlider, VSlider 07:05 - ItemList 07:15 - MenuBar 07:27 - TabBar 07:36 - ReferenceRect 07:45 - Tree 07:53 - GraphNode, GraphEdit 08:07 - TouchScreenButton Control + Details 08:18 - Control 08:32 - Layout 09:52 - Localization 09:56 - Tooltip 10:02 - Focus 10:32 - Mouse 11:30 - Input 12:01 - Theme 12:32 Outro

[@YoshimiMilk]

You dropped this king 👑

[@joaomrsouza]

Hey! Thanks for the great video, it helped a lot. In case someone else is using this video as reference to consult, here the timestamps: 0:00 Intro 0:59 Container 1:09 AspectRatioContainer 1:24 VBoxContainer BoxContainer HBoxContainer 1:38 CenterContainer 1:45 FlowContainer HFlowContainer VFlowContainer 1:59 GridContainer 2:13 SplitContainer HSplitContainer VSplitContainer 2:38 PanelContainer 2:48 ScrollContainer 3:06 TabContainer 3:34 Label 3:40 RichTextLabel 3:48 ColorRect 3:55 TextureRect 4:00 VideoStreamPlayer 4:06 HSeparator VSeparator 4:16 Panel 4:27 NinePatchRect 4:38 Input Elements 4:59 BaseButton Button TextureButton 5:13 LinkButton 5:21 CheckBox CheckButton 5:29 MenuButton 5:35 OptionButton 5:46 ColorPickerButton 5:53 LineEdit 6:03 TextEdit CodeEdit 6:19 Range 6:25 ProgressBar TextureProgressBar 6:33 SpinBox 6:41 HScrollBar VScrollBar 6:58 HSlider VSlider 7:05 ItemList 7:16 MenuBar 7:28 TabBar 7:36 ReferenceRect 7:45 Tree 7:53 GraphNode GraphEdit 8:07 TouchScreenButton 8:18 Control Node Properties 12:32 Outro

[@Alomare]

You deserve a lot more engagement, keep up these awesome tutorials, they've been a blessing!

[@TheLemmo21]

These have been beyond helpful. Suddenly learning Godot became even more inviting : )

[@oglothenerd]

This is a very EPIC video! Thank you so much!

[@sleepycodecat]

Thank you so much for making the effort to explain the nodes! Timestamps for each node would be very cool for folks coming back to the videos. I could even imagine having kind of like a website catalogue one day with link to each node explanation.

[@daapz]

Thank you for doing this. Just watching all these videos gives me the general idea of what's what and a lot of fresh ideas on how to do stuff.

[@ShiloBuff]

Awesome as usual. Looking forward to more content by you!

[@fvhaudsilhvdfs]

would love to see you go into the custom theme stuff a bit. I'm making a GUI-based game and would like it to have a very visually pleasing UI, I assume this will be accomplished by making use of custom themes

[@baku3435]

Thank you so much for these videos. They have been really helpful in adapting to this new engine just as it changed versions.

[@Schattenpuma]

Insanely useful!! I would've liked more examples on what node is used for what in the 2D nodes one in case you're debating revisiting anything for the full video, but this was such a great watch again ;;! Keep up the amazing work~

[@filesstorage7854]

Thank you for making this video, it is very helpful and the only video i managed to finish all about UI since the others takes so long to finish.

[@train-tz9cq]

Thank you so much. This series has given me the confidence to understand the whole nodes. I would love to see you create the Settings UI, please make a video of it!

[@MH-lr6ue]

Thank you for this video. Learned so much in seconds and I'll be coming back to rewatch these videos so I'm very familiar with more nodes in Godot.

[@onlineflowerstore]

can you do an video about the theme editor and custom theme elements?

[@chuk_udi]

i told myself id subscribe to you if this video came up on my recommended when it comes out. The algorithm has spoken.

[@marco6ocram]

This is GOLD. Thank you very much :)

[@jknit65]

thank you for explaining the boring stuff!! learning about it was still great

[@Rorshacked]

this is great for a beginner like me, instant sub. thanks dude.

[@spoon8859]

Thanks Lukky. Awesome as always 👍

[@PaulMetalhero]

That game settings screen is looking great!

[@pelund]

Having made a lot of UI oriented games and projects I would argue though that the Mouse Filter option will be used a ton. I usually set everything to Ignore and then Stop on only the nodes that really need to pick up mouse input.

[@aqua-bery]

4:06 A quick note for the video stream player, in godot 4, it only supports .ogg files. Youre gonna need to use a tool like ffmpeg to convert any other format into .ogg to be able to play them in the video stream player

[@112amper]

Wow, this is very useful, thank you very much!

[@Fuoxden]

This could be paid content and i would buy it! Great job man! You helped me a lot!

[@AntiSocialPinecone]

What i learned from this is that i dont necessarily need to make any kind of menus

[@diegoaredes2721]

Excellent video.

[@royalbooty4657]

I don't normally give likes on videos but I really appreciate your insight and help! And you deserve more views:) thanks you, good luck, have a great day. I look forward to more videos

[@AsustelGamesOfficial]

Finally I now how scroll container works

[@idle.observer]

Great explanation, thank you for the video!

[@idle.observer]

But please add time stamps :)

[@IPlayKindred]

godot's UI nodes are insanly good

[@millerbyte5579]

Thank you! (Nothing to add, just feeding the algorithm)

[@user-nh6gx4xy3y]

Godot need to hire this man .

[@depressomocha]

MORE BANGER CONTENT LET'S GO

[@Anonymous_NA]

Amazing video!!!

[@smugglersstudio]

Very useful. Thanks!

[@thomasdeutelmoser8986]

great as always

[@MrWadyara]

Очень хороший гайд! Great guide!

[@toostic]

Every resource explained would be cool to see

[@natgazer]

Cool! Subscribed! Btw are you more GDscript, C# or C++?

[@Jarturoac]

Awesome video 👍

[@ukrsolid]

Nice, thanks for sharing

[@eano22827]

LUKKY!!!!

[@lukky.]

EANO!!!

[@Chevifier]

Even though I've been using Godot forever now I'm still enjoying this series theres some obscure node that would be so handy that I completely miss or didn't realize existed. Center container and aspect container is 2 I didnt realize existed😅

[@HiHi-iu8gf]

banger video

[@Jimmith829]

bro u a real g

[@trooperboy111]

here at no views nice. Nice video btw :)

[@jake4andrws26]

hell yea

[@saulnores3477]

You should have said which version the node is available. Grest video.

[@cornetto1770]

now i need a cheat sheet of all this stuff

[@rikrishshrestha5421]

A . Fkin . MAZING

[@TheGreatMoonFrog]

I hope sad button is feeling better these days.

[@VileLasagna]

End part was NOT boring, actually. It's getting me to reconsider using Godot as a general UI framework for applications after I just had some frustrating experience with Qt recently (though, yeah, Qt offers a LOT more than just really fancy UI)

[@buttertaco8819]

I’m doing the same thing, tired of QT and others. Just using godot for my framework now. Makes applications a lot nicer to create

[@futuregames2294]

When do you download videos? @Lukky

[@stefersondigiorgio]

sweet

[@frederiklenk7756]

Every function in godot next?

[@TheRealAfroRick]

Uh oh... I've been using Panels wrong :)

[@stois]

I wish you could sit next to me and tell me what each element is inside Godot as I start learning it... Could one make a program that tests if you are hovering over things inside Godot and then stream out the video for that element if I wanted to see it... It would be so nice to just back able to mouse over an element and then click a icon to get the short 15 second video of each element

[@raidev_]

not me just hard coding positions for all my control nodes (it's a 2d game with a static resolution so it doesn't matter)

[@bombrman1994]

the amount of UI tools there are... I am not bound to building games only....

[@pythonxz]

My god Godot's UI functionality seems expansive in ways Unity's is not.

[@readyforlol]

Oh my god, this is so much easier than Unity... Why did I take this long before checking out Godot ??

[@levioptionallastname6749]

how the hell do I customize all the display thing, There are some I am missing *Posts image no one can see* LOOK see that, in the Tab container? it's got a white out line, I am trivial and I want red much more, - I am confused, lost, cold, and covered in snow, send help please,.

[@aqua-bery]

I wish i could use html and css to layout my ui 😔

[@dex7378]

dude that intro sound is way too loud!!! thanks for making these tho, really good

[@Nohbdy_Ahtall]

(likes video before watching it) Because duh. Everyone just keep making these, for everything, please, every update, always, infinite content, go, do, yes. xD

[@Nohbdy_Ahtall]

(stops at a minute) Oh my bless you for speed-blasting it in the beginning - yet ANOTHER good way to learn, IMO, in the same vein as "explain all in 12 minutes". I was able to see enough of the visual side, and immediately go "oh, so that's how... oh and that's how I'd... oh and look there's the... oh". I wish learning was continually experimented like this. This type of video to start is great though. In the future, video hosting platforms themselves will hopefully upgrade and become some semblance of more advanced and useful than whatever this is.

[@pikachufan25]

Handy... just Entering Goddottering xD, and was Looking for this type of info Noice... Still i will Use the Godot Documentation (even to it doesn't make much sense at the moment xD0...

[@rousk_eye]

Helpful, as always! P.S. Everything is a social construct >:p

[@ভোমরা]

Nc

[@lopsidedpolygon]

🤍🤍🤍🤍🤍

[@lukky.]

🤍!!

[@user-kg2ir6ed9n]

❤❤🎉🎉26😮😮

[@marianaacosta3241]

Godot 4

[@reggehave795]

318

[@therearetoomanytomatoes]

the containers in Godot is a bit frustrating. Why are they broken up like that instead of having all the settings available in one container? At the very least, each container should have both padding and margin settings.

[@RandomPickles]

Morality is not a social construct. We know it is bad to kick a homeless puppy. Nobody has to tell you.

[@piousthepious]

Great guide but morality is NOT a social construct 👍🏻

[@littleturtle3289]

Bro, drink some coffee before recording your audio. 99% of the time you sounded half-dead as if you didn't sleep for a week

[@DrNabeel20]

Thanks, very useful!