Karto
Karto
  • 13
  • 78 374
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
มุมมอง: 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...

ความคิดเห็น

  • @alveek
    @alveek วันที่ผ่านมา

    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

  • @ekings2119
    @ekings2119 3 วันที่ผ่านมา

    Misuse of Coroutines because of lack of understanding, account for like 80% of the bugs that crop up on my side. (Hint, hint)

  • @kipa_chu
    @kipa_chu 4 วันที่ผ่านมา

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

  • @minhthien5482
    @minhthien5482 4 วันที่ผ่านมา

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

  • @Naoseioqcolocoaqscrr
    @Naoseioqcolocoaqscrr 6 วันที่ผ่านมา

    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!

  • @GameTourist491
    @GameTourist491 7 วันที่ผ่านมา

    Very helpful, thank you

  • @sartox1483
    @sartox1483 7 วันที่ผ่านมา

    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!

  • @Joao-bq4ys
    @Joao-bq4ys 8 วันที่ผ่านมา

    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!

  • @MinkWumpf
    @MinkWumpf 8 วันที่ผ่านมา

    Love for you and the algo

  • @untyperandom5129
    @untyperandom5129 11 วันที่ผ่านมา

    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 ! 👍

  • @johnavernia1026
    @johnavernia1026 14 วันที่ผ่านมา

    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.

  • @AlifHarsanPradipto
    @AlifHarsanPradipto 16 วันที่ผ่านมา

    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!

  • @binbunYT
    @binbunYT 23 วันที่ผ่านมา

    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.

  • @ぜん-l6p
    @ぜん-l6p 26 วันที่ผ่านมา

    thanks senpai

  • @pokkangl5747
    @pokkangl5747 28 วันที่ผ่านมา

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

  • @Kurobeau
    @Kurobeau 29 วันที่ผ่านมา

    you are a god. cant thank you enough for these

  • @DoodleDan
    @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 👍

  • @agriasoaks6721
    @agriasoaks6721 หลายเดือนก่อน

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

  • @rznn.gamedev
    @rznn.gamedev หลายเดือนก่อน

    Awesome work, thank you very much 👍

  • @bikutoso
    @bikutoso หลายเดือนก่อน

    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

  • @rneira88
    @rneira88 หลายเดือนก่อน

    Awesome work! Thanks for the video :D

  • @ash-yr5xt
    @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

  • @thygrrr
    @thygrrr หลายเดือนก่อน

    Built in script and print_debug took the cake. 🎉

  • @10minuteartist87
    @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.

  • @alapidis
    @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
      @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

  • @Mark-wq7wd
    @Mark-wq7wd หลายเดือนก่อน

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

  • @OlivierNamet
    @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
      @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

  • @smollismollisworld5655
    @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!

  • @KatouMiwa
    @KatouMiwa หลายเดือนก่อน

    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 !

  • @scarlz8719
    @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
      @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

  • @n3y
    @n3y หลายเดือนก่อน

    very nice editing, good job 👍

  • @VerticalrecTangleRNG
    @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)

  • @vincentcf5271
    @vincentcf5271 หลายเดือนก่อน

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

  • @Dinatoc
    @Dinatoc หลายเดือนก่อน

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

  • @Mahesh_65629
    @Mahesh_65629 หลายเดือนก่อน

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

  • @Samuell1998
    @Samuell1998 หลายเดือนก่อน

    Definitely would want the more detailed version

  • @deadlymetix4875
    @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!

  • @ytoppu
    @ytoppu หลายเดือนก่อน

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

  • @0Mr0President0
    @0Mr0President0 หลายเดือนก่อน

    Great video and great execution! Thanks for the masterclass!

  • @ineap09
    @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
    @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

  • @CfopCubing
    @CfopCubing หลายเดือนก่อน

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