Godot Control Node (UI) Masterclass

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 111

  • @ClearCode
    @ClearCode 14 วันที่ผ่านมา +11

    Such a good video, hope you make more :)

    • @kartopod
      @kartopod  14 วันที่ผ่านมา +2

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

  • @TheRoarer
    @TheRoarer 3 หลายเดือนก่อน +35

    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
      @kartopod  3 หลายเดือนก่อน +9

      Thank you!

    • @davisnoah347
      @davisnoah347 2 หลายเดือนก่อน +2

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

    • @kartopod
      @kartopod  2 หลายเดือนก่อน +2

      @@davisnoah347 Which one? :D

    • @davisnoah347
      @davisnoah347 2 หลายเดือนก่อน +1

      @@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
    @adamsmiddy 3 หลายเดือนก่อน +18

    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

  • @AlifHarsanPradipto
    @AlifHarsanPradipto 2 หลายเดือนก่อน +5

    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!

  • @kartopod
    @kartopod  3 หลายเดือนก่อน +54

    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
      @BeTheBee-sl1in 3 หลายเดือนก่อน +2

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

    • @BirbDoy
      @BirbDoy 3 หลายเดือนก่อน +3

      You deserve it

    • @danieldarko6495
      @danieldarko6495 3 หลายเดือนก่อน +1

      You deserve it bro

    • @majorgnu
      @majorgnu 3 หลายเดือนก่อน +2

      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
      @Riju-f6g 3 หลายเดือนก่อน +1

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

  • @vaidenkelsier7757
    @vaidenkelsier7757 3 หลายเดือนก่อน +9

    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

  • @Ferret440
    @Ferret440 3 หลายเดือนก่อน +6

    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!

  • @DUHRIZEO
    @DUHRIZEO 11 วันที่ผ่านมา +2

    20:56 Saving this tip about blurry fonts for when it inevitably frustrates me later lol

  • @ineap09
    @ineap09 3 หลายเดือนก่อน +10

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

  • @gregoryblazek6056
    @gregoryblazek6056 3 หลายเดือนก่อน +5

    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
    @deadlymetix4875 3 หลายเดือนก่อน +4

    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!

  • @DashNothing
    @DashNothing 3 หลายเดือนก่อน +5

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

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

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

  • @untyperandom5129
    @untyperandom5129 หลายเดือนก่อน +1

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

  • @linglang854
    @linglang854 หลายเดือนก่อน +1

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

  • @jrplops89
    @jrplops89 3 หลายเดือนก่อน +7

    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
      @kartopod  3 หลายเดือนก่อน +2

      Absolute champ

  • @binbunYT
    @binbunYT 2 หลายเดือนก่อน +1

    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.

  • @sartox1483
    @sartox1483 หลายเดือนก่อน +2

    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
    @CfopCubing 3 หลายเดือนก่อน +3

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

  • @fahoudey
    @fahoudey 3 หลายเดือนก่อน +3

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

  • @alapidis
    @alapidis 2 หลายเดือนก่อน +1

    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  2 หลายเดือนก่อน +1

      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

  • @10minuteartist87
    @10minuteartist87 2 หลายเดือนก่อน +1

    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.

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

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

  • @judahknope5022
    @judahknope5022 9 วันที่ผ่านมา +1

    This vid was so helpful! I Iv'e been struggling with control nodes for awhile and this cleared everything up. Thank You So much! This was such high quality and I really enjoyed everything

  • @oktayyildirim2911
    @oktayyildirim2911 5 วันที่ผ่านมา +1

    Outstanding! Stellar production value, very clear explanations, and keeps up a rapid pace. If I may point out something minor that bothered me, though, the subtitles at numerous points mistakenly use "it's", a contraction of "it is", instead of "its", a possessive.
    This video blew me away, though! Keep up the great work!

  • @arifnajwan8154
    @arifnajwan8154 หลายเดือนก่อน +2

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

  • @DoodleDan
    @DoodleDan 2 หลายเดือนก่อน +2

    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 👍

  • @lost-gp2gl
    @lost-gp2gl 3 หลายเดือนก่อน +4

    the best ui concepts, thanks karto!

  • @oliverb7897
    @oliverb7897 3 หลายเดือนก่อน +2

    Great video, direct and to the point

  • @zeumarbuzov3352
    @zeumarbuzov3352 26 วันที่ผ่านมา +1

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

  • @MrFizzBickets
    @MrFizzBickets หลายเดือนก่อน +1

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

  • @kipa_chu
    @kipa_chu หลายเดือนก่อน +2

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

  • @neyhden
    @neyhden 3 หลายเดือนก่อน +2

    That was actually a very good tutorial, nice work!

  • @ThePrincesInTheTower
    @ThePrincesInTheTower 13 วันที่ผ่านมา +1

    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

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

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

  • @pokkangl5747
    @pokkangl5747 2 หลายเดือนก่อน +1

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

  • @ApocalypticPhosphorus
    @ApocalypticPhosphorus 26 วันที่ผ่านมา +1

    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!

  • @torrescle
    @torrescle หลายเดือนก่อน +2

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

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

    Great video and great execution! Thanks for the masterclass!

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

    Definitely would want the more detailed version

  • @VerticalrecTangleRNG
    @VerticalrecTangleRNG 3 หลายเดือนก่อน +3

    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)

  • @JJ-ds2get-her
    @JJ-ds2get-her หลายเดือนก่อน +1

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

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

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

  • @mediaandme
    @mediaandme 3 หลายเดือนก่อน +4

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

  • @Naoseioqcolocoaqscrr
    @Naoseioqcolocoaqscrr หลายเดือนก่อน +1

    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!

  • @davidj3048
    @davidj3048 12 วันที่ผ่านมา +1

    Can't wait till you release the next video! high qualety!

  • @Joao-bq4ys
    @Joao-bq4ys หลายเดือนก่อน +1

    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!

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

    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!

  • @RichardRichyRichington
    @RichardRichyRichington 28 วันที่ผ่านมา +1

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

  • @remidesnos1690
    @remidesnos1690 14 วันที่ผ่านมา +1

    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!

  • @awesomedoesthings
    @awesomedoesthings 8 วันที่ผ่านมา +1

    This was incredibly helpful and we'll edited, thank you so much! ^^

  • @MrGramno
    @MrGramno 3 หลายเดือนก่อน +2

    I really learned a lot thank you.

  • @RushedYT
    @RushedYT 20 วันที่ผ่านมา +2

    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

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

      Will consider it!

  • @benmakesnosense
    @benmakesnosense 11 วันที่ผ่านมา +1

    Honestly this is a fantastic video. I subscribed right away, really well made.

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

    very nice editing, good job 👍

  • @john_avernia
    @john_avernia หลายเดือนก่อน +1

    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.

  • @ash-yr5xt
    @ash-yr5xt 2 หลายเดือนก่อน +1

    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

  • @minhthien5482
    @minhthien5482 หลายเดือนก่อน +1

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

  • @ImSidgr
    @ImSidgr 3 หลายเดือนก่อน +2

    Subbed, you did very well!

  • @beludobeludo
    @beludobeludo 3 หลายเดือนก่อน +2

    Very very good video

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

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

  • @true.evindor
    @true.evindor หลายเดือนก่อน +1

    Great video, many useful tips, thanks!

  • @TripleARawn
    @TripleARawn 19 วันที่ผ่านมา +1

    Great overview! Subscribed and looking forward to more :)

  • @arncil37
    @arncil37 3 หลายเดือนก่อน +1

    Very helpful, thank you 😁

  • @杏仁-w3u
    @杏仁-w3u 28 วันที่ผ่านมา +1

    This is really helpful. Thank you!

  • @Vexcenot
    @Vexcenot 19 วันที่ผ่านมา +1

    peak editing

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

    Awesome work! Thanks for the video :D

  • @carsonreader515
    @carsonreader515 3 หลายเดือนก่อน +1

    Great video!

  • @mahmoud_ali_963
    @mahmoud_ali_963 20 วันที่ผ่านมา +1

    thank you very very much for the great explination

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

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

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

    Awesome work, thank you very much 👍

  • @ashishkarnkarnashish
    @ashishkarnkarnashish 3 หลายเดือนก่อน +2

    Kya baat hai. Subscribed.

  • @andresgrimminck8674
    @andresgrimminck8674 3 วันที่ผ่านมา +1

    the question you asked might be because the control node you had had a custom minimal size set to something greater than zero

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

    Amazing work! 👍

  • @sonnguyen-cb8gq
    @sonnguyen-cb8gq 26 วันที่ผ่านมา +1

    thank you so much bro

  • @andrewsamoil6259
    @andrewsamoil6259 3 หลายเดือนก่อน +3

    super smash bros button loooooool. hilarious

  • @ぜん-l6p
    @ぜん-l6p 2 หลายเดือนก่อน +1

    thanks senpai

  • @zubiarfan
    @zubiarfan 28 วันที่ผ่านมา +1

    Awesome!!!

  • @scarlz8719
    @scarlz8719 3 หลายเดือนก่อน +1

    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  2 หลายเดือนก่อน

      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

  • @Godot-Bro
    @Godot-Bro 3 หลายเดือนก่อน +1

    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
      @kartopod  3 หลายเดือนก่อน

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

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

      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.

  • @OlivierNamet
    @OlivierNamet 2 หลายเดือนก่อน +1

    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  2 หลายเดือนก่อน

      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

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

    Hello maybe you can assist me? I need help making a vertical scrolling container that grows based off the content dynamically added, but has a maximum height? I remember seeing this solution once on the internet but I can no longer find it. I just need a vbox that when adding elements, grows, and when taking elements away, shrinks. then can be scrollable when hitting a max height.

  • @jasonwilliams8730
    @jasonwilliams8730 3 หลายเดือนก่อน +1

    👍

  • @AgriasOaks99
    @AgriasOaks99 2 หลายเดือนก่อน +1

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

  • @albertodeveloper347
    @albertodeveloper347 หลายเดือนก่อน +1

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

  • @JoshColter
    @JoshColter หลายเดือนก่อน +3

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

  • @pri2108
    @pri2108 8 วันที่ผ่านมา +1

    u got a discord?

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

      Nope

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

      @kartopod ah that sucks kinda, are there any indian indie game dev communities you'd recommend to join, just feel like i wanna join some closer like those aswell coz i just started and don't know any

  • @Soulcode-k
    @Soulcode-k 13 วันที่ผ่านมา +1

    This was absolutely blast, I learnt so much i saw 10 vids on this topic and non of them even vome close to what i have learnt here.
    What an amazing work this is i really appreciate that you made such an amazing mind blowing awesome tutorial on this topic just love you i really do.
    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤