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
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!
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.
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.
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
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!
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~
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
Really REALLY liked the boring bit at the end ;) I hate creating GUI and this video is how I wish I could learn about every docs, feels like it's structured in accordance to my brain.
Was looking for any 101 videos on UI design. Remaking Python randomizers I made in the past in Godot to learn GUI and to, essentially, use Godot for simple app creation before I start a proper game project. This honestly helped me more than the other videos I was finding. For example: before I saw this video, I actually coded my own tab system with an hbox of buttons and code to hide/show the tabs based on which was clicked before I learned about the tab container here. Now I kinda want to figure out how to center the tabs, but this is probably better for me in the end even if I figure out how to keep it from being squashed like the default center anchor option. For now, the main method I'm using for UI: margin containers to control what fills what space, followed by whichever box container I want for layout. I'm gonna keep watching and see if I can't figure out more of how to use these control nodes.
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.
It's important to note that Tree at 7:45, can be create in editor, but only populated through code. func _ready() -> void: var root = create_item() hide_root = true var child1 = create_item(root) var child2 = create_item(root) var subchild1 = create_item(child1) subchild1.set_text(0, "Subchild1") If you attached this script to a Tree node, now you will see children.
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😅
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)
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,.
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
(likes video before watching it) Because duh. Everyone just keep making these, for everything, please, every update, always, infinite content, go, do, yes. xD
(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.
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...
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.
Hi bro, I’m making a browser game. It works fine when opened on desktop, but when opened on Android, many textures are missing. I’ve already enabled mobile VRAM, and some textures have appeared, but there are still others that don’t show up. What could be the cause?
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
Also the thumbnail is pretty cool
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!
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.
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
You dropped this king 👑
You deserve a lot more engagement, keep up these awesome tutorials, they've been a blessing!
These have been beyond helpful.
Suddenly learning Godot became even more inviting : )
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
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.
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
Finally a clear, fast and precise explanation. You did it well. Thanks!
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.
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!
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~
i told myself id subscribe to you if this video came up on my recommended when it comes out. The algorithm has spoken.
Awesome as usual. Looking forward to more content by you!
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
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.
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.
can you do an video about the theme editor and custom theme elements?
Thank you so much for these videos. They have been really helpful in adapting to this new engine just as it changed versions.
Really REALLY liked the boring bit at the end ;)
I hate creating GUI and this video is how I wish I could learn about every docs, feels like it's structured in accordance to my brain.
This is a very EPIC video! Thank you so much!
This could be paid content and i would buy it!
Great job man! You helped me a lot!
Was looking for any 101 videos on UI design. Remaking Python randomizers I made in the past in Godot to learn GUI and to, essentially, use Godot for simple app creation before I start a proper game project. This honestly helped me more than the other videos I was finding.
For example: before I saw this video, I actually coded my own tab system with an hbox of buttons and code to hide/show the tabs based on which was clicked before I learned about the tab container here. Now I kinda want to figure out how to center the tabs, but this is probably better for me in the end even if I figure out how to keep it from being squashed like the default center anchor option. For now, the main method I'm using for UI: margin containers to control what fills what space, followed by whichever box container I want for layout. I'm gonna keep watching and see if I can't figure out more of how to use these control nodes.
This video is an awesome review of the control nodes, thanks
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.
What i learned from this is that i dont necessarily need to make any kind of menus
It's important to note that Tree at 7:45, can be create in editor, but only populated through code.
func _ready() -> void:
var root = create_item()
hide_root = true
var child1 = create_item(root)
var child2 = create_item(root)
var subchild1 = create_item(child1)
subchild1.set_text(0, "Subchild1")
If you attached this script to a Tree node, now you will see children.
thank you for explaining the boring stuff!! learning about it was still great
That game settings screen is looking great!
this is great for a beginner like me, instant sub. thanks dude.
Cool! Subscribed! Btw are you more GDscript, C# or C++?
This is GOLD. Thank you very much :)
Thanks Lukky. Awesome as always 👍
godot's UI nodes are insanly good
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😅
Excellent video.
Every resource explained would be cool to see
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)
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
underrated tutorial spotted
Wow, this is very useful, thank you very much!
MORE BANGER CONTENT LET'S GO
Great explanation, thank you for the video!
But please add time stamps :)
Finally I now how scroll container works
Thank you! (Nothing to add, just feeding the algorithm)
Очень хороший гайд! Great guide!
Awesome video 👍
You should have said which version the node is available. Grest video.
Godot need to hire this man .
here at no views nice. Nice video btw :)
Oh my god, this is so much easier than Unity...
Why did I take this long before checking out Godot ??
great as always
thank you for this!!! For real!
bro u a real g
LUKKY!!!!
EANO!!!
Amazing video!!!
now i need a cheat sheet of all this stuff
why cant we have the center container in frontend web dev?
banger video
Thanks, very useful!
Nice, thanks for sharing
I hope sad button is feeling better these days.
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,.
Every function in godot next?
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
When do you download videos?
@Lukky
hell yea
dude that intro sound is way too loud!!! thanks for making these tho, really good
My god Godot's UI functionality seems expansive in ways Unity's is not.
TIL that LineEdit and TextEdit are what you use to take text input in a Godot game
(likes video before watching it)
Because duh. Everyone just keep making these, for everything, please, every update, always, infinite content, go, do, yes. xD
(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.
A . Fkin . MAZING
Uh oh... I've been using Panels wrong :)
just noticed I am using way more controls than I should. Long live containers
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...
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)
sweet
the amount of UI tools there are... I am not bound to building games only....
Helpful, as always!
P.S. Everything is a social construct >:p
I wish i could use html and css to layout my ui 😔
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.
🤍🤍🤍🤍🤍
🤍!!
Hi bro, I’m making a browser game. It works fine when opened on desktop, but when opened on Android, many textures are missing. I’ve already enabled mobile VRAM, and some textures have appeared, but there are still others that don’t show up. What could be the cause?
Dear god, is godot built in godot?
❤❤🎉🎉26😮😮
Nc
Godot 4
318
Morality is not a social construct. We know it is bad to kick a homeless puppy. Nobody has to tell you.
Great guide but morality is NOT a social construct 👍🏻
Says who
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
GoDEI engine :/
As long as they are canceling people based on ideology, I'm done with them.