- 13
- 78 374
Karto
Australia
เข้าร่วมเมื่อ 16 มี.ค. 2020
Hi, I'm Karthik!
I'm an aspiring creative from India! I love games and games and games
I'm an aspiring creative from India! I love games and games and games
Godot Control Node (UI) Masterclass
Lukky's video: th-cam.com/video/sPfoZy-cW-E/w-d-xo.htmlsi=p00RNhChrk1hEYrv
Get Beginner Godot Mentorship: www.fiverr.com/s/ZmNmR3k
For one HUNDRED godot tips in 20 minutes, watch these two videos!
th-cam.com/video/1xjoExMwrMc/w-d-xo.htmlsi=cGm2KDNh2L08NhfA
th-cam.com/video/6SWoPVIxJyQ/w-d-xo.htmlsi=azJOpMvKapfB2QpF
Have you tried to get into UI in Godot before only to quickly get overwhelmed because it seemed to have a lot of moving parts that were difficult to understand? That was certainly the case for me when I got started with them. It was only after a lot of experimentation that I finally started getting a hang of them!
I've put a whole month into making this video so that you wouldn't have to waste time having to stumble in the dark! You'll still have to experiment a lot though! These concepts will only make sense if you start playing around with them yourself! But atleast you'll have a headstart now!
In Godot, Control nodes are responsible to everything related to UI, you can compose them using the various available nodes to create complex user interfaces. There are a lot of concepts involved that you'll need a good understanding of to be able to make good use of the UI system.
What are containers? How to use containers?
What are anchors?
What are theme overrides?
What are styleboxes?
If you've had any of these questions before and had trouble with figuring them out, this video will serve as the perfect master class to cover all the involved concepts.
However, this is not an ordinary 'Control Node Tutorial', it is not a step by step tutorial. I will be introducing the relevant concepts and bring up practical examples, which you'll have to understand and transform into your own projects!
This was a LOT of work to record, edit and animate! I would really appreciate it if you could subscribe! If you have any suggestions for video ideas, let me know in the comments!
Music used:
th-cam.com/video/zykHcVpqBQU/w-d-xo.html
th-cam.com/video/NXXyIYXmu_M/w-d-xo.html
th-cam.com/video/yFt5qLFvWIc/w-d-xo.html
th-cam.com/video/ysPtBjY8o_A/w-d-xo.html
th-cam.com/video/N8OHSXvneOE/w-d-xo.html
th-cam.com/video/lFzYiIKWwoA/w-d-xo.html
th-cam.com/video/53oWT6opXQk/w-d-xo.html
th-cam.com/video/g2m8ms32xa4/w-d-xo.html
th-cam.com/video/xFTvumMVrek/w-d-xo.html
th-cam.com/video/Oh72giq0AmM/w-d-xo.html
th-cam.com/video/FZVXRQPXvQM/w-d-xo.html
Timestamps:
0:00 Intro
0:50 The Basics
2:39 Anchors
4:48 Anchor Offsets
6:55 Anchor Presets
8:49 Custom Minimum Size
9:30 Containers
11:54 Container Sizing
14:38 Expand
16:18 Theme Overrides
18:24 Styleboxes
19:42 Practical Demonstration
Get Beginner Godot Mentorship: www.fiverr.com/s/ZmNmR3k
For one HUNDRED godot tips in 20 minutes, watch these two videos!
th-cam.com/video/1xjoExMwrMc/w-d-xo.htmlsi=cGm2KDNh2L08NhfA
th-cam.com/video/6SWoPVIxJyQ/w-d-xo.htmlsi=azJOpMvKapfB2QpF
Have you tried to get into UI in Godot before only to quickly get overwhelmed because it seemed to have a lot of moving parts that were difficult to understand? That was certainly the case for me when I got started with them. It was only after a lot of experimentation that I finally started getting a hang of them!
I've put a whole month into making this video so that you wouldn't have to waste time having to stumble in the dark! You'll still have to experiment a lot though! These concepts will only make sense if you start playing around with them yourself! But atleast you'll have a headstart now!
In Godot, Control nodes are responsible to everything related to UI, you can compose them using the various available nodes to create complex user interfaces. There are a lot of concepts involved that you'll need a good understanding of to be able to make good use of the UI system.
What are containers? How to use containers?
What are anchors?
What are theme overrides?
What are styleboxes?
If you've had any of these questions before and had trouble with figuring them out, this video will serve as the perfect master class to cover all the involved concepts.
However, this is not an ordinary 'Control Node Tutorial', it is not a step by step tutorial. I will be introducing the relevant concepts and bring up practical examples, which you'll have to understand and transform into your own projects!
This was a LOT of work to record, edit and animate! I would really appreciate it if you could subscribe! If you have any suggestions for video ideas, let me know in the comments!
Music used:
th-cam.com/video/zykHcVpqBQU/w-d-xo.html
th-cam.com/video/NXXyIYXmu_M/w-d-xo.html
th-cam.com/video/yFt5qLFvWIc/w-d-xo.html
th-cam.com/video/ysPtBjY8o_A/w-d-xo.html
th-cam.com/video/N8OHSXvneOE/w-d-xo.html
th-cam.com/video/lFzYiIKWwoA/w-d-xo.html
th-cam.com/video/53oWT6opXQk/w-d-xo.html
th-cam.com/video/g2m8ms32xa4/w-d-xo.html
th-cam.com/video/xFTvumMVrek/w-d-xo.html
th-cam.com/video/Oh72giq0AmM/w-d-xo.html
th-cam.com/video/FZVXRQPXvQM/w-d-xo.html
Timestamps:
0:00 Intro
0:50 The Basics
2:39 Anchors
4:48 Anchor Offsets
6:55 Anchor Presets
8:49 Custom Minimum Size
9:30 Containers
11:54 Container Sizing
14:38 Expand
16:18 Theme Overrides
18:24 Styleboxes
19:42 Practical Demonstration
มุมมอง: 6 724
วีดีโอ
How to NOT learn game development.
มุมมอง 7K4 หลายเดือนก่อน
Get Beginner Godot Mentorship! www.fiverr.com/karthik_nallan/kickstart-your-godot-game-development-journey 100 Godot Tips! th-cam.com/video/1xjoExMwrMc/w-d-xo.htmlsi=KmZHgS-yuWY7Vg8y th-cam.com/video/6SWoPVIxJyQ/w-d-xo.htmlsi=8WnTOqhBbF2x9Nz7 Have you tried to learn game development multiple times before but always found it to be incredibly difficult? Game development is an incredibly time cons...
50 Game Changing Godot [4.x] Tips Without Wasting Your Time!
มุมมอง 13K10 หลายเดือนก่อน
Previous video: th-cam.com/video/1xjoExMwrMc/w-d-xo.html&ab_channel=Karto Here's FIFTY Godot 4.x tips to speed up your workflow! These are general purpose tips that are aimed at all skill levels. There are also a bunch of niche tips included that you probably wouldn't have known about, even if you've been using Godot for a long time! I've been using unity for game development for the past few y...
50 Game Changing (Ha!) Godot 4.X tips In Under 10 Minutes!
มุมมอง 49Kปีที่แล้ว
Watch ANOTHER 50 tips! ⬇️ th-cam.com/video/6SWoPVIxJyQ/w-d-xo.htmlsi=RAcPDRoDfkHScT3y Here's FIFTY Godot 4.x tips to speed up your workflow! These are general purpose tips that are aimed at all skill levels. There are also a bunch of niche tips included that you probably wouldn't have known about, even if you've been using Godot for a long time! I've been using unity for game development for th...
Oh god, if there are actually useful tips I just can't watch it OK, you can speak fast and mimicking accent but that does not help much Sorry
Misuse of Coroutines because of lack of understanding, account for like 80% of the bugs that crop up on my side. (Hint, hint)
17:25 I see what you did there Karthick. Thanks from fellow Indian Godot Dev. We are few in numbers.
Wow when you mean a masterclass it's really a masterclass of a video
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!
Very helpful, thank you
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!
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!
Love for you and the algo
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 ! 👍
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.
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!
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.
thanks senpai
A video on themes from you would be amazing! This one was super helpful, thanks for video Karto!
you are a god. cant thank you enough for these
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 👍
Has anyone tried to use a control node in a node2D? Cuz it's a complete madness in regard of positioning
Awesome work, thank you very much 👍
While i'm still following a tutorial (a long one), i feel playing around and experimenting with stuff have helped me. Like question what is taught and try and improve and add new features
Awesome work! Thanks for the video :D
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
Built in script and print_debug took the cake. 🎉
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.
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.
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
I have gone through this video 3 times today. Hope it helps view time!
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?
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
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!
i know this is crazy. my dream game is making a nazi zombies portable clone , which is a remake of call of duty zombiees xD nice videoo !
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.
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
very nice editing, good job 👍
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)
amazing work, thank you so much for these tips and tricks !
It was an amazing tutorial! everything clicked out when you showcased all these functions in action!
What a great tutorial & editing 🔥🔥👌🏻👌🏻
Definitely would want the more detailed version
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!
thanks to this video i just realized how bad i am with UI lmao
Great video and great execution! Thanks for the masterclass!
I love the little bits of humor spread throughout. And the extra visual stuff added in video editing is gorgeous, very visually appealing.
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
Nice work Karto! I'm still impressed with that intro!!