Тёмный

Every UI Node Explained in 12 Minutes ! 

Lukky
Подписаться 40 тыс.
Просмотров 51 тыс.
50% 1

Consider a subscription!

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 95   
@chicco_stat
@chicco_stat 10 месяцев назад
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
@pureheroin9902 8 месяцев назад
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
@pinguino4219 10 месяцев назад
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
@pinguino4219 10 месяцев назад
Also the thumbnail is pretty cool
@ThunderduckyGames
@ThunderduckyGames 10 месяцев назад
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
@YoshimiMilk 5 месяцев назад
You dropped this king 👑
@aqua-bery
@aqua-bery 5 месяцев назад
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
@onlineflowerstore
@onlineflowerstore 10 месяцев назад
can you do an video about the theme editor and custom theme elements?
@trooperboy111
@trooperboy111 10 месяцев назад
here at no views nice. Nice video btw :)
@fvhaudsilhvdfs
@fvhaudsilhvdfs 10 месяцев назад
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
@MH-lr6ue
@MH-lr6ue 7 месяцев назад
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.
@TheLemmo21
@TheLemmo21 10 месяцев назад
These have been beyond helpful. Suddenly learning Godot became even more inviting : )
@Alomare
@Alomare 10 месяцев назад
You deserve a lot more engagement, keep up these awesome tutorials, they've been a blessing!
@saulnores3477
@saulnores3477 10 месяцев назад
You should have said which version the node is available. Grest video.
@oglothenerd
@oglothenerd 3 месяца назад
This is a very EPIC video! Thank you so much!
@PaulMetalhero
@PaulMetalhero 10 месяцев назад
That game settings screen is looking great!
@ShiloBuff
@ShiloBuff 10 месяцев назад
Awesome as usual. Looking forward to more content by you!
@MrWadyara
@MrWadyara 10 месяцев назад
Очень хороший гайд! Great guide!
@libegato
@libegato 26 дней назад
just noticed I am using way more controls than I should. Long live containers
@eano22827
@eano22827 10 месяцев назад
LUKKY!!!!
@lukky.
@lukky. 10 месяцев назад
EANO!!!
@RandomPickles
@RandomPickles 5 месяцев назад
Morality is not a social construct. We know it is bad to kick a homeless puppy. Nobody has to tell you.
@readyforlol
@readyforlol 6 месяцев назад
Oh my god, this is so much easier than Unity... Why did I take this long before checking out Godot ??
@sleepycodecat
@sleepycodecat 10 месяцев назад
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.
@levioptionallastname6749
@levioptionallastname6749 6 месяцев назад
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,.
@bombrman1994
@bombrman1994 7 месяцев назад
the amount of UI tools there are... I am not bound to building games only....
@Schattenpuma
@Schattenpuma 10 месяцев назад
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~
@millerbyte
@millerbyte 8 месяцев назад
Thank you! (Nothing to add, just feeding the algorithm)
@6ocram
@6ocram 3 месяца назад
This is GOLD. Thank you very much :)
@zestaboy2455
@zestaboy2455 4 дня назад
thank you for this!!! For real!
@stois
@stois 8 месяцев назад
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
@pythonxz
@pythonxz 10 месяцев назад
My god Godot's UI functionality seems expansive in ways Unity's is not.
@raidev_
@raidev_ 10 месяцев назад
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)
@AntiSocialPinecone
@AntiSocialPinecone 9 месяцев назад
What i learned from this is that i dont necessarily need to make any kind of menus
@pelund
@pelund 10 месяцев назад
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.
@TheGreatMoonFrog
@TheGreatMoonFrog 7 месяцев назад
I hope sad button is feeling better these days.
@APie357
@APie357 2 месяца назад
why cant we have the center container in frontend web dev?
@futuregames2294
@futuregames2294 10 месяцев назад
When do you download videos? @Lukky
@depressomocha
@depressomocha 10 месяцев назад
MORE BANGER CONTENT LET'S GO
@joaomrsouza
@joaomrsouza 4 месяца назад
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
@aqua-bery
@aqua-bery 5 месяцев назад
I wish i could use html and css to layout my ui 😔
@IPlayKindred
@IPlayKindred 9 месяцев назад
godot's UI nodes are insanly good
@lopsidedpolygon
@lopsidedpolygon 10 месяцев назад
🤍🤍🤍🤍🤍
@lukky.
@lukky. 10 месяцев назад
🤍!!
@frederiklenk7756
@frederiklenk7756 10 месяцев назад
Every function in godot next?
@Rorshacked
@Rorshacked 10 месяцев назад
this is great for a beginner like me, instant sub. thanks dude.
@瀬奈田内ゆっくり茶番劇
@瀬奈田内ゆっくり茶番劇 5 месяцев назад
Godot need to hire this man .
@jake4andrws26
@jake4andrws26 10 месяцев назад
hell yea
@smugglersstudio
@smugglersstudio 10 месяцев назад
Very useful. Thanks!
@TheRealAfroRick
@TheRealAfroRick 10 месяцев назад
Uh oh... I've been using Panels wrong :)
@rikrishshrestha5421
@rikrishshrestha5421 10 месяцев назад
A . Fkin . MAZING
@HiHi-iu8gf
@HiHi-iu8gf 10 месяцев назад
banger video
@adeptus-erroritas
@adeptus-erroritas 2 месяца назад
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.
@purpletrauma
@purpletrauma 2 месяца назад
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.
@therearetoomanytomatoes
@therearetoomanytomatoes 10 месяцев назад
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.
@Chevifier
@Chevifier 10 месяцев назад
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😅
@marianaacosta3241
@marianaacosta3241 6 месяцев назад
Godot 4
@natgazer
@natgazer 10 месяцев назад
Cool! Subscribed! Btw are you more GDscript, C# or C++?
@ভোমরা
@ভোমরা 7 месяцев назад
Nc
@rousk_eye
@rousk_eye 10 месяцев назад
Helpful, as always! P.S. Everything is a social construct >:p
@112amper
@112amper 10 месяцев назад
Wow, this is very useful, thank you very much!
@dex7378
@dex7378 10 месяцев назад
dude that intro sound is way too loud!!! thanks for making these tho, really good
@Fuoxden
@Fuoxden 9 месяцев назад
This could be paid content and i would buy it! Great job man! You helped me a lot!
@train-tz9cq
@train-tz9cq 9 месяцев назад
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!
@chuk_udi
@chuk_udi 10 месяцев назад
i told myself id subscribe to you if this video came up on my recommended when it comes out. The algorithm has spoken.
@filesstorage7854
@filesstorage7854 10 месяцев назад
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.
@jknit65
@jknit65 10 месяцев назад
thank you for explaining the boring stuff!! learning about it was still great
@reggehave795
@reggehave795 4 месяца назад
318
@KweglotKweglot
@KweglotKweglot 10 месяцев назад
❤❤🎉🎉26😮😮
@pikachufan25
@pikachufan25 10 месяцев назад
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...
@daapz
@daapz 8 месяцев назад
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.
@AsustelGamesOfficial
@AsustelGamesOfficial 10 месяцев назад
Finally I now how scroll container works
@toostic
@toostic 10 месяцев назад
Every resource explained would be cool to see
@baku3435
@baku3435 10 месяцев назад
Thank you so much for these videos. They have been really helpful in adapting to this new engine just as it changed versions.
@spoon8859
@spoon8859 9 месяцев назад
Thanks Lukky. Awesome as always 👍
@Nohbdy_Ahtall
@Nohbdy_Ahtall 10 месяцев назад
(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
@Nohbdy_Ahtall 10 месяцев назад
(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.
@ukrsolid
@ukrsolid 10 месяцев назад
Nice, thanks for sharing
@cornetto1770
@cornetto1770 10 месяцев назад
now i need a cheat sheet of all this stuff
@DrNabeel20
@DrNabeel20 10 месяцев назад
Thanks, very useful!
@VileLasagna
@VileLasagna 10 месяцев назад
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
@buttertaco8819 8 месяцев назад
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
@diegoaredes2721
@diegoaredes2721 10 месяцев назад
Excellent video.
@piousthepious
@piousthepious 10 месяцев назад
Great guide but morality is NOT a social construct 👍🏻
@harmoen
@harmoen Месяц назад
Says who
@Anonymous_NA
@Anonymous_NA 10 месяцев назад
Amazing video!!!
@Jarturoac
@Jarturoac 10 месяцев назад
Awesome video 👍
@Jimmith829
@Jimmith829 10 месяцев назад
bro u a real g
@thomasdeutelmoser8986
@thomasdeutelmoser8986 10 месяцев назад
great as always
@idle.observer
@idle.observer 10 месяцев назад
Great explanation, thank you for the video!
@idle.observer
@idle.observer 10 месяцев назад
But please add time stamps :)
@stefersondigiorgio
@stefersondigiorgio 10 месяцев назад
sweet
@littleturtle3289
@littleturtle3289 8 месяцев назад
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
@royalbooty4657
@royalbooty4657 10 месяцев назад
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
Далее
All 219 Godot Nodes Explained In 42 Minutes !
42:09
Просмотров 255 тыс.
Godot UI & Control Node Crash Course
20:11
Просмотров 6 тыс.
🦊🔥
00:16
Просмотров 396 тыс.
Every 2D Node Explained in 9 Minutes !
9:19
Просмотров 337 тыс.
The Secret Science of Perfect Spacing
9:40
Просмотров 432 тыс.
Immersive Sim in Godot 4: COGITO - Overview
8:22
Просмотров 42 тыс.
I can't believe this is Godot!
5:19
Просмотров 86 тыс.
4 Godot 4 Devs Make 4 Games in 44 Hours
25:19
Просмотров 524 тыс.
Planning out an entire Game!
8:13
Просмотров 22 тыс.
Godot 4 - Tiled Dungeon Environment From Scratch
26:24
Просмотров 424 тыс.
Learn Godot UI Control Nodes
24:22
Просмотров 20 тыс.