Godot 4 - An Overview of Control Nodes | Easy UI (Tutorial)

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 72

  • @Polygarden
    @Polygarden Год назад +57

    Great tutorial! The Godot UI is actually so good that I rather use this to create a standalone app than using a Python API. And I havn't noticed any significant slowdowns yet.

    • @iaknihs
      @iaknihs  Год назад +14

      Yeah I feel that.. I've seen the occasional non-game software pop up using Godot just for the UI features which is definitely a good sign and from all I've used so far it's definitely the fastest to get something decent set up.

    • @DexieTheSheep
      @DexieTheSheep Год назад

      ​@@iaknihs yep, there's a free open-source pixel art editor called pixelorama made with godot, pretty cool

  • @AaronFilmnShape
    @AaronFilmnShape Год назад +1

    Please make more like this. We need more nonchalantly thorough tutorials in the world. Very good!

  • @sapbucry
    @sapbucry Год назад +4

    Thanks for making this video. Really appreciate your time in making this. It would be cool to see real life game projects UI approach. I am lacking a godot tutorials for someone who can do basic and more advanced stuff but have no clue how to get that done better in bigger real life game project when things start to grow and simple solutions from POC are no longer ok.
    Keep up the good work!

    • @iaknihs
      @iaknihs  Год назад +4

      That's an interesting idea actually. Maybe I'll play around with replicating some UIs from a few games to show how they could be done in Godot

    • @corbandotson4295
      @corbandotson4295 Год назад

      ​@@iaknihs I second that idea! That sounds super insightful

  • @ElegantMechanic_
    @ElegantMechanic_ Год назад +2

    Fantastic video, thank you. Just starting to add UI to my game and I needed a video like this: quick, clear examples which immediately filled in the gaps in my knowledge.

  • @tejaswithme3713
    @tejaswithme3713 Год назад +3

    One of the Best tutorial on field!!! You covered my all doubts~~~

    • @iaknihs
      @iaknihs  Год назад +1

      Thanks! Glad you liked it!

  • @imdrnickriviera
    @imdrnickriviera Год назад +1

    This was so incredibly clear and succinct for me to understand. Thank you for explaining it so well!

  • @Dandelion_Stitches
    @Dandelion_Stitches Год назад +5

    Thanks for sharing! This video really closed the gap for me in getting the UI elements to show up in a useful/meaningful way relative to existing 2D/3D scenes. And you explained it all so well, really solid video! Thanks again.

  • @GenericInternetter
    @GenericInternetter Год назад +2

    This is absolutely the very best UI tutorial I've found for Godot! Amazing work, subscribed!

  • @sonny5497
    @sonny5497 Год назад +3

    Excellent tutorial mate! Thanks for sharing. Also being able to change the type of a node is a game changer for me.

  • @aChannel13813
    @aChannel13813 Год назад +1

    a up to date ui turtorial is a life saver for newbies to godot like my self take my like.

  • @thygrrr
    @thygrrr Год назад +2

    A very good Overview with pragmatic features.
    Also loving the end comment, it came up while I was typing. My favourite rock is Punk Rock.

    • @iaknihs
      @iaknihs  Год назад +1

      Tyty and wooh someone made it to the end screen! Punk Rock is a good answer, now I want a rock with a punk aesthetic..

  • @ag0136
    @ag0136 5 месяцев назад

    This is probably one of the only tutorials that I have seen that made me genuinely exited to add this to my first project! Thank you so much!

  • @megachebu
    @megachebu Год назад +4

    Dude that's awesome!
    Just today in comments to some other video I called Godot underworked in comparison with Unity. The more I learn about Godot the more I see that in many areas it's miles ahead of Unity.

    • @iaknihs
      @iaknihs  Год назад +1

      Yeah I think it's a bit more subtle than one engine just being straight up better than the other. Unity is definitely more developed than Godot in certain areas, but honestly I swapped from Unity years ago and never had a reason to look back.

  • @jpsalis
    @jpsalis Год назад +22

    Great tutorial. With the unity situation, I figure this might be a good time to get into development, a lot of studios will likely be switching to Godot or other similar tools.

    • @iaknihs
      @iaknihs  Год назад +4

      Thanks! And yeah, looking at the boost Godot and Unreal videos and such are getting right now... Unity management really didn't do their own engine any favours

  • @digiross7199
    @digiross7199 Год назад +3

    This video was very informative and easy to understand. Please do more videos!

  • @coolkettle
    @coolkettle 6 месяцев назад

    Great tutorial! I only got what I needed out of it in the first 6 minutes, but if I ever need to know more about UI, I'll check more of it out

  • @liamsnaith6100
    @liamsnaith6100 5 месяцев назад

    The title of the video needed a subtitle: Button city!
    Thanks for the great tutorial!

  • @ThinkWithGames
    @ThinkWithGames Год назад +1

    Great video! I learned so much and I've only seen a few minutes so far!

  • @camolog
    @camolog Год назад

    Wow, this was incredibly helpful! Thank you for taking your time and making this!

  • @AstroTechGuy
    @AstroTechGuy Год назад +1

    17:20 I think, that you have to change there something in the project-settings, so that the buttons is always visible, when you scale the window.
    I can't check it right now, but i think, you have to set Mode to 'canvas_items' under Display->Window->Stretch.
    But again a very good and helpful video :)

  • @LazyWeasel
    @LazyWeasel Год назад

    Thanks for the quick overview!

  • @thetrufenix
    @thetrufenix Год назад +1

    glorious. thank you so much.

  • @mikecu2249
    @mikecu2249 Год назад

    that was a rly good tutorial

  • @towelslayer
    @towelslayer Год назад +1

    Nicely explained! :)

  • @DragobAttack
    @DragobAttack Год назад

    Thank you. Really helped me with my project.

  • @dustin4620
    @dustin4620 Год назад

    This is very helpful, thank you!

  • @101touchapps
    @101touchapps Год назад +1

    Thanks man, i spent a whole day trying to use the panel for a color background. lol

  • @DrDrift-rl6cc
    @DrDrift-rl6cc Год назад +2

    Malachite is a nice rock....
    Also thank you! Wished I watched this earlier, it's a very complete and clear tutorial.
    Only question is, what if I want to resize non-control elements? Like a Sprite2D? Going to find this out i think....

    • @iaknihs
      @iaknihs  Год назад

      yeah for other nodes it depends what you're trying to do I guess. they do have scale attributes, but they won't scale automatically like control nodes (though project settings should have you covered on most options needed to make sure the game works on any screen size at least)

  • @Druiduk1973
    @Druiduk1973 Год назад +1

    Very informative. Thank you.

  • @yukinanka
    @yukinanka Год назад +13

    Godot UI system so good that Godot Editor uses Godot UI themselves

    • @kiyu3229
      @kiyu3229 11 месяцев назад

      @@kishirisu1268why ?

    • @tkg__
      @tkg__ 8 месяцев назад

      @@kishirisu1268 Anyone who says "Godot UI is so good that Editor uses it" clearly misses how bad the Editor UI looks and how not customisable it is.

    • @Coz3erz
      @Coz3erz 4 месяца назад

      Wdym its good , its customisable enough for me and pretty fulfilling imo​@@tkg__

  • @elveni
    @elveni 11 месяцев назад

    Everything is Button! 😂 Great video 💕

  • @vojtechlefort
    @vojtechlefort Год назад

    Great vid, thanks!

  • @wikdpi
    @wikdpi 7 месяцев назад

    Good overview

  • @violinbowing
    @violinbowing 7 месяцев назад

    My favorite rock is that one you find on the beach on sundays

  • @voidling2632
    @voidling2632 8 месяцев назад

    unfortunately, the most important part for me is not shown.... looks neat but if you change to fullscreen, the ColorRect does not scale and stays small.

  • @lissyfurb
    @lissyfurb Год назад +3

    Shiny rocks, I like shiny rocks

    • @iaknihs
      @iaknihs  Год назад

      shiny rocks are mighty indeed O=

  • @linusgartig8066
    @linusgartig8066 4 месяца назад

    I really like the part about buttons

  • @vegasdealer777
    @vegasdealer777 Год назад

    Good job. Thanks!

  • @CallousCoder
    @CallousCoder 4 месяца назад

    When I put a control node under my Game (Node2D) node, and I select full rect (or any other) it doesn’t show/scale anymore. However when I put down a canvasitem under my game node and put control in there it does work. Is that normal?!

    • @iaknihs
      @iaknihs  4 месяца назад +1

      "Full Rect" is defined relative to a parent, being either a canvas/viewport, or another control node. So while you can set a size manually, there is no definition of what "full rect means" when the parent is a Node2D which itself has no rect at all. So I think that's probably what's causing your issue. I'm more confused why it does work for a generic canvasitem, though I never tried that before.

    • @CallousCoder
      @CallousCoder 4 месяца назад

      @@iaknihs thanks for the info. I’m still confused as to the seemingly inconsistent behavior. Years of developing UIs in Qt and Swing probably instilled a different perception and assumption how things work 🤣I would’ve thought a Node2D (the 2D in there) would be at least a single pixel. Because we also have Node 🤣

  • @TechAtScale
    @TechAtScale Год назад

    When you change node type from HBoxcontainer to VBoxcontainer, but don't rename and I have to double back on the video to see what happens :(

  • @busofselfdoubt
    @busofselfdoubt Год назад +1

    nice tutorial! i’m quite new to godot (unrelated to unity lol, i’m just getting into gamedev) and this was helpful! do you have any plans on covering other types of nodes?

    • @iaknihs
      @iaknihs  Год назад

      Thanks! I'll definitely be doing more videos on various nodes, yeah. For the time being the plan is to do a video more or less once a week, going through Godot 4 topics as they come of either through questions I see people asking online, or whatever sounds like it might be interesting.

    • @busofselfdoubt
      @busofselfdoubt Год назад

      @@iaknihs alright cool, i’m looking forward to it :)

  • @Algrymm
    @Algrymm Год назад +2

    New subscriber Well earned

  • @tomaszzackiewicz8473
    @tomaszzackiewicz8473 Год назад

    Are those UI elements (nodes) are touchable? Can they be used for touch screens? No mouse, but with fingers.

    • @iaknihs
      @iaknihs  Год назад +2

      By default mouse click events are triggered by touch as well. In the Project Settings under Input Devices you can adjust that though (Emulate Touch from Mouse, Emulate Mouse from Touch, or disable both to keep events separate)

    • @tomaszzackiewicz8473
      @tomaszzackiewicz8473 Год назад

      @@iaknihs Thank you!

  • @jamesrivettcarnac
    @jamesrivettcarnac 11 месяцев назад

    Jasper is a pretty good rock

  • @gderuki
    @gderuki Год назад

    thanks

  • @WifeWantsAWizard
    @WifeWantsAWizard Год назад

    (23:12) That right there is the single-worst part of #GODOT. The child can override the parent. That is horrifying and leads to all kinds of interruptions in a pipeline as you search through children trying to get them to listen to their parent. That is insane.

    • @iaknihs
      @iaknihs  Год назад +2

      I think to be safe it can help to limit overriding to "only if you have a really good reason" and usually keep one consistent theme for all elements within each part of a game (or even entire game). I only applied a theme to 1 element to demonstrate what it does compared to unmodified nodes, but in an actual game that's what I'd do.
      But yeah it depends a lot on the project. Not really sure atm how Godot could avoid this though? Like the same thing can happen in HTML/CSS as well if modifying individual elements too much

    • @gambar
      @gambar Месяц назад

      ​@@iaknihs you're exactly right about it being the same in HTML/CSS

  • @ganf
    @ganf Год назад +1

    rose quartz

  • @sotofpv
    @sotofpv Год назад +2

    Everything is still button

    • @iaknihs
      @iaknihs  Год назад +1

      Now to add a texture button.. still a button, but with style

  • @Ryuuuuuk
    @Ryuuuuuk 3 месяца назад

    bedrock is the best