Godot Control Node (UI) Masterclass

[@ClearCode]

Such a good video, hope you make more :)

[@kartopod]

@@ClearCode No way thank you so much!!!

[@TheRoarer]

I had to say the SCRIPT that you wrote for this video is really excellent. Great humor. Everything is paced really well. This is a really exemplary class, because I learned a lot, and that was because you were engaging as a teacher.

[@kartopod]

Thank you!

[@davisnoah347]

@@kartopod Everything TheRoarer said is true. I literally paused the video to share a joke you made in it with a sibling

[@kartopod]

@@davisnoah347 Which one? :D

[@davisnoah347]

@@kartopod 4:15 "About yourrr gaammmee" peered with masterful description on the card that got hidden "...Boy would it be a shame if the player were to missed this very important piece of information..." 😂😂😂 Top tier shit.

[@adamsmiddy]

THIS is the type of content Godot needs. So many terrible, unscripted, rambling vids out there on Control nodes. This one is a gem. Thanks for making it. Liked and subbed

[@ineap09]

I love the little bits of humor spread throughout. And the extra visual stuff added in video editing is gorgeous, very visually appealing.

[@vaidenkelsier7757]

I love that you don't just hand a step by step guide over, it's forcing me to have to think about these concepts and I have to experiment with the concepts you've introduced. A+ Material my dude, followed and subscribed, thank you so much

[@AlifHarsanPradipto]

People don't understand that this is indeed a Masterclass on Godot Control Node! I don't need to know about various Control Node functionality, I need to know the basic concept behind it! Concise, clear, and easy to understand. Complete with example to boot!

[@gregoryblazek6056]

Before watching this video I had no idea containers even existed! I learned a lot of new things, and can't wait to put them into use. You are a blessing to the Godot community, thank you so much.

[@deadlymetix4875]

This has to be one of the best Godot Tutorials i've ever seen. Now the logic of the Control Nodes make so much more sense to me. Thanks alot!

[@arifnajwan8154]

I haven't seen a video that explains the properties of control nodes in such a succinct manner. superb work man

[@Ferret440]

As someone who's used Godot for over 2 years and just always hated dealing with UI, this has been tremendously useful to watch. Thank you!

[@jrplops89]

I'm playing it a second time on mute while I code. Hopefully that makes a difference for the algo. I appreciate the time you put into making tutorials for the public.

[@kartopod]

Absolute champ

[@torrescle]

Bro made 26 length video teaching all Godot UI fundamentals to do better UI. Impressive.

[@kartopod]

I just need 2308 of yall to watch through the 26 minutes and I'll finally be eligible for monitization! :D Ill need to hit it before October 12th or I'll have a massive progress setback because my first godot video goes out of the range of 1 year :( This was a TON of work that took me close to a month to produce, but I'm really happy with how it turned out and I hope this was useful to you! I would really appreciate if you could Subscribe and leave a like if that was the case, you can expect more high quality videos in the future! Good luck with building out your User Interfaces!

[@BeTheBee-sl1in]

Thank you so much, you can't imagine how annoying the UI is for me

[@BirbDoy]

You deserve it

[@danieldarko6495]

You deserve it bro

[@majorgnu]

Great tutorial! I sure wouldn love to see a follow up on the theming system 😉 Or a tutorial on transforms and coordinate systems that teaches you how to read the diagram in the "2D coordinate systems and 2D transforms" documentation article. It's quite useful, but it took me a while to get it myself.

[@Riju-f6g]

YOURE AN INDIAN !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 😃 love ya

[@lost-gp2gl]

the best ui concepts, thanks karto!

[@kipa_chu]

17:25 I see what you did there Karthick. Thanks from fellow Indian Godot Dev. We are few in numbers.

[@ApocalypticPhosphorus]

Amazing Tutorial, I was completely clueless on how to even start using UI but now I feel like I understand it! Thanks and keep up the good work!

[@linglang854]

where was this video six months ago!!! by far the best video on ui basics ive seen :) and the principles for godots ui are fairly transferrable!!!! thank you so much keep it up!!

[@sartox1483]

This channel quality is out the roof, I cannot believe this is the fourth video in the channel. I've learning way too much with only these four videos, you deserve a lot more subscribers, really well made videos!

[@CfopCubing]

Nice work Karto! I'm still impressed with that intro!!

[@DashNothing]

Great video brother ❤️ The super spicy hints were amazingly helpful.

[@kartopod]

@@DashNothing I respect your work a lot dash, it's great seeing you here!

[@oliverb7897]

Great video, direct and to the point

[@binbunYT]

Even though I'd say I handle the UI controls well, this video still was an incredible watch. Love the visuals. Love the quality. Love how you're informative but straight forward.

[@Dinatoc]

It was an amazing tutorial! everything clicked out when you showcased all these functions in action!

[@fahoudey]

great video, the animations are great at explaining your point, keep up the good work !

[@zeumarbuzov3352]

What a great masterclass! That's some top level cooking here!

[@Samuell1998]

Definitely would want the more detailed version

[@untyperandom5129]

I think I didn't understand more than 10% of your video yet it still somehow managed to fix my problem. I guess that make you some kind of genius. Keep the good work up mate ! 👍

[@ThePrincesInTheTower]

This is by far the most helpful ui tutorial i have seen thank you for all the effort you put into this, very clear explanations, thanks from nz

[@DoodleDan]

Well damn, I was wasting my life away on the UI, needlessly frustrated about buttons being randomly resized, fonts blurring, hcontainer being miserable to work with.. This 25 minute video will likely save me from hundreds of hours of work. Great video, great teacher 👍

[@alapidis]

Excellent video! The common use cases really was the chefs kiss for me. So many video's just give you the same tooltip description, but you gave us the use cases and how to do common setups that made it so much better than any other video. I'd love to see a dedicated video on themes! Also one of the examples I often need is an HBox inside a panel where the left panel might need to take up 20% to a maximum width of 300 or something for a left navigation panel. While the right side expands to fill the content. Not sure how to get the left side panel to try and maintain a 20/80 ratio but max out at let's say 300 to avoid getting too wide. Would love to see how to set up a use case like that.

[@kartopod]

Thanks Alen! Hmm yeah that's an interesting usecase, I'm not sure how you'd do something like that, it would've been nice if godot had a way to define a maximum size aswell

[@pokkangl5747]

A video on themes from you would be amazing! This one was super helpful, thanks for video Karto!

[@MrFizzBickets]

This is an awesome video that made me understand Control nodes on a foundation level, can't wait for future Godot content!

[@Mahesh_65629]

What a great tutorial & editing 🔥🔥👌🏻👌🏻

[@mediaandme]

som many thinks clicked for me watching your video. keep going

[@neyhden]

That was actually a very good tutorial, nice work!

[@0Mr0President0]

Great video and great execution! Thanks for the masterclass!

[@Mark-wq7wd]

I have gone through this video 3 times today. Hope it helps view time!

[@MrGramno]

I really learned a lot thank you.

[@10minuteartist87]

yes bhai.....you deserve more views and watch hours. best explanation with example at end about Godot ui. whole Godot community will appreciate you for this efforts.

[@Joao-bq4ys]

Thank you very much for the great content! I need to practice a lot to get the hang of it, but I'm finally understanding these UI Nodes!

[@minhthien5482]

Wow when you mean a masterclass it's really a masterclass of a video

[@JJ-ds2get-her]

I want to upvote this video -twice- thrice. Excellent Explanation and awesome editing. Many thanks!

[@Naoseioqcolocoaqscrr]

Tyyyy, this helped me so much! I was having trouble in making the ui adapt to the whole screen properly, and with your video i even understood how some ui stuff works in godot tysm!

[@beludobeludo]

Very very good video

[@RichardRichyRichington]

Very useful practical demo at the end thanks man! Keep posting

[@VerticalrecTangleRNG]

Just seen this, many, from css course I've been doing lately. But godot? Damn, this was rare, and helpful ofc, for the one who want to make games, including me. Keep up the good work! (subscribed to ur channel as a little help from me :D)

[@n3y]

very nice editing, good job 👍

[@remidesnos1690]

thank for this tutorial ! first one ever i watch on your channel, and i will surely check there first if i need something else. You are fun, engaging, and you know what information we need :') KEEP IT GOING!

[@ImSidgr]

Subbed, you did very well!

[@Vexcenot]

peak editing

[@arncil37]

Very helpful, thank you 😁

[@smollismollisworld5655]

Oh, this is an instant subscription. If you keep making tutorials with such high quality and style then fame and fortune is certain :) And I would love to see a tutorial about themes done by you. Great work, thanks!

[@RushedYT]

Godot really is missing good UI videos like this, any plans on showing how to code and animate UI elements? Hover over animations and what not

[@carsonreader515]

Great video!

[@ash-yr5xt]

your video quality is amazing even though I am good at making UI but still I learned a lot of new things thank you keep up the good work

[@杏仁-w3u]

This is really helpful. Thank you!

[@ytoppu]

thanks to this video i just realized how bad i am with UI lmao

[@vincentcf5271]

amazing work, thank you so much for these tips and tricks !

[@true.evindor]

Great video, many useful tips, thanks!

[@JoshColter]

Y O U. A R E. A. G O D

[@TripleARawn]

Great overview! Subscribed and looking forward to more :)

[@john_avernia]

This is such a good tutorial. Amazing! Keep up the good work! I'm starting to learn godot a bit more now. The plan is to change game engine from... well... pure web tech (javascript+nodejs+webpack) to godot. Thanks mate. I'm subscribing and hope I can see more stuff from the channel in the future.

[@ashishkarnkarnashish]

Kya baat hai. Subscribed.

[@mahmoud_ali_963]

thank you very very much for the great explination

[@rznn.gamedev]

Awesome work, thank you very much 👍

[@rneira88]

Awesome work! Thanks for the video :D

[@sonnguyen-cb8gq]

thank you so much bro

[@dejan923]

Amazing work! 👍

[@ぜん-l6p]

thanks senpai

[@zubiarfan]

Awesome!!!

[@andrewsamoil6259]

super smash bros button loooooool. hilarious

[@scarlz8719]

For the metrics in your example, what do you think about GridContainer rather than duplicating HBoxContainers? It seems as if this would be more robust for column alignment, but I'm relatively new to Godot UI.

[@kartopod]

I personally avoid the GridContainer most of the time because of it's extremely limited customizability. For example, I can control the VBox and HBox seperations independently. I can also manipulate the container sizing and alignment of the Hboxes within the Vbox. This would be especially useful if i needed to do this only with (say) one metric

[@OlivierNamet]

I'm having trouble with the anchors. When I put a panel as a child and do what you do at 05:37 the 100px margin is not respected when I resize the main window. The only thing I cannot see if I've done the same is when it comes to the settings for the AnchorOffsetDemo node. Would you be able to share those?

[@kartopod]

The anchors are relative to the parent's bounds as discussed at 8:01 Maybe that's relevant? It's hard to tell without seeing the exact setup

[@Godot-Bro]

This was a great video! I appreciate it. Do you know a good method to keep non-UI objects in the same relative screen space? Just have it as a child of a control node?

[@kartopod]

Control nodes also have a global_position property, you should be able to use it for something like that I think!

[@majorgnu]

It's not clear what you want to do exactly. Is it a Node2D in the middle of your scene tree? Then you'll probably have to keep updating its position so that it stays in the same place in Viewport coordinates. .global_position is in Canvas coordinates and there's no equivalent alternative to work in Viewport coordinates, but you can use the transform returned by .get_global_transform_with_canvas() to go from local coordinates to viewport coordinates and vice versa. Look up "2D coordinate systems and 2D transforms" in the docs for an nearly exhaustive view of all the coordinate systems and transforms.

[@AgriasOaks99]

Has anyone tried to use a control node in a node2D? Cuz it's a complete madness in regard of positioning

[@jasonwilliams8730]

👍

[@albertodeveloper347]

can you make a course on how to make your videos? just a overview, don't need to be that detailed