Godot UI QUICKSTART (Ex-Unity friendly guide)
🤯 Join Coco Code members: • Get access to Coco Cod...
🎁 Get finished Unity project: www.patreon.com/posts/9020085...
Time to take a look at the UI system in Godot game engine! You will learn how to create panels, labels, progress bars and buttons. I will even show you a simple way to change text on the scene based on player input!
Download Godot: godotengine.org/
--------------------------------------------------------------------------------
🔗 LINKS IN THIS VIDEO:
Game icons: game-icons.net/
Google fonts: fonts.google.com/
Godot documentation: docs.godotengine.org/en/stable/
--------------------------------------------------------------------------------
👨💻 SOCIALS:
💜 Join our Discord: / discord
🔵 Follow me on Twitter: / cococodeyt
--------------------------------------------------------------------------------
Icon used in the video made by Delapouite. Available on game-icons.net
--------------------------------------------------------------------------------
🎓 YOU WILL LEARN:
- How to use Godot game engine
- How to create button in Godot
- How to add text in Godot
- Hot to create responsive UI in Godot
- What are different UI components in Godot
- How to create a label in game
- How to change Godot window scale
- How similar UI components to UI looks like
--------------------------------------------------------------------------------
⚙️ VIDEO CHAPTERS:
0:00 - Intro
0:28 - New Godot project
1:06 - First steps in the editor
1:47 - Create Panel
5:08 - Create Image
8:10 - Create Text (label)
9:24 - Create Progress bar
10:46 - Slider
11:35 - Run your project, window resize settings
13:04 - Button logic
Пікірлер: 148
Worth mentioning that Godot supports C# as well so GDScript is not a requirement for using Godot!
@CocoCode
10 ай бұрын
Correct! 🔥 Check out my latest video about C# support in Godot: kzread.info/dash/bejne/a5acl7iPdLmYfco.html I show the same script rewritten in C#
@PortfolioPL
10 ай бұрын
Godot 4 does not support C# on mobile or web.
@AndyAndrewEntertaiment
10 ай бұрын
Also, Godot will run GDScript faster than C# scripts (maybe not a big difference).
@Fletcher64
9 ай бұрын
@@AndyAndrewEntertaimentc# takes longer to compile because gdscript is interpreted but c# has better performance
@YTChannel344
9 ай бұрын
@@Fletcher64There's literally no human that would conceive any difference in speed as computer code would be fast enough for the updates.
Your friendly UI guy comes to rescue! 💪 Would you like to see more Godot videos or Unreal UI system overview? Let me know!
@josephomoruyi9581
10 ай бұрын
More Godot will be very useful Thank you so much ❤
@Freshnezzzz
10 ай бұрын
Rigidbody3D movement please!
@papunatskhvediani4033
10 ай бұрын
Of course! Unity just passed away 🧟🧟♂🧟♀, R.I.P Unity!😒🤩🤩
@happyfarang
10 ай бұрын
Personally i am moving my project from Unity to Godot. It's a very UI heavy app so more on UI is very welcome in my book :) Scroll rects etc.. how is it done in Godot? A whole series on UI will be beautiful IMO
@sirnonamederechte6169
10 ай бұрын
Godot please! 😁
NOW WE HAVE COOL TUTORIALS, please, continue making godot tutorial, the godot community needs more of this
@letusgo2148
8 ай бұрын
I agree a lot ❤
@elenaparis8268
Ай бұрын
he didn't...
A tip is that instead of using a control node as the root of your UI scene, you should use a "CanvasLayer" node. With that the UI will always follow the camera and the UI elements will always be at full resolution.
@isaacthomas1198
8 ай бұрын
I did this, re-scripted everything to inherit from canvas layer and I have no errors, but the coin button suddenly doesn’t work? I click it and nothing happens - any ideas what went wrong?
@tomtomkowski7653
8 ай бұрын
@@isaacthomas1198 Just be sure your function is connected to the emitted signal. So I would once again link Pressed() with the script to be sure is pointing to the right script and the right function.
@andrewmettler2228
5 ай бұрын
Dude, thank you so much. My text was all blurry and it was driving me nuts and I couldn't figure out how to fix it but this fixed it.
@falconelsu9798
21 күн бұрын
Thanks, that was exactly what I needed for my game
Thanks for the tutorial. As someone who switched to Godot from Unity few days ago because of the new pricing model Unity has implemented, I really appreciate channels like you helping people like us.
YAY, more godot pls
Please do more tutorials on Godot! Your lessons are incredibly easy and enjoyable to follow!
Wow godot is pretty complete, I would have to get used to the new UI but other than that it seems very solid !
@Inf4mousKidGames
10 ай бұрын
2D tools are complete. I personally need more stuff on the 3D side before I even think about switching.
@albyt3403
9 ай бұрын
@@Inf4mousKidGames What do you think are the most impactful element you'd need on the 3D side of things?
@Inf4mousKidGames
9 ай бұрын
@@albyt3403 so I'd say something like the pro grids add-on unity integrated into the engine probuilder and polybrush are kinda whatever. The equivalent of an audio mixer would be nice but I learned about fmod becoming free a while back so it's not necessary but would be appreciated for not having to make a binding to fmod. (Also if they did add an audio mixer please dear God don't tie its functionality to the event system) After that it would be something akin to the environmental editing tools unreal has. Unity and Godot feel weak and that is on top of Unity's upgraded terrain editor. I'm no level designer but after what I've seen the student's in my level design class pull off with unreal. OH Godot is lacking...
I really like the ui in godot so far, and the whole idea of themes seems really cool for quickly building UIs that look good together
Good to see people not let unity escape from what they have done talking about unity new pricing policy
Damn, that was an incredible tutorial, the "Try it yourself part" is awesome!
I love how you cover all the little mistakes us probably stumbled on in the process 🙏
That's awesome. Your high-quality, super concise Unity tutorials have taught me (and many others) so much in the past and seeing you joining all of us in this exodus is such good news. I'm switching to Godot myself so if you choose it then hurray but whatever you decide, I'm happy to know these new communities will get to discover you 💪
I love that you blur out non-focus sections. Draws the eye to the area of interest. Great vid!
Awesome tutorial! Perfect explanations, exercises and editing tempo. Thank you so much for creating this.
Thanks for the great video! Lots of videos are geared towards absolute beginners, but it's nice to see some for those of us who know what we're doing in other engines and are dabbling in something new.
Sweet glad you're making Godot tutorials. I loved your Unity ones.
Why am I not surprised that you comes up with exactly what I looked for. Great tutorial. Would be interesting with videos how to publish Godot games on IOS, Android and Facebook. Good job!
this is great, I ve been some time already around godot, making some small trash because my UI was poor, this was so useful!
brother you have a real talent for teaching. perfect blend of showing the steps slowly with little quiz type sections sprinkled in to encourage people to repeat the steps on their own which motivates them to learn more. coming from someone with 0 coding knowledge and mediocre at best digital art skills, i really appreciate it and hope you make more godot tutorials. big respect to you bro ✊️🙏💪🏻
@CocoCode
6 ай бұрын
I appreciate that! Hope you will enjoy more content on my channel!
Amazing video!! I would really like to see more Godot tutorials like this
Happy to see that you give us Godot tutorial too. Thanks
dude how the f*** do you not have millions of subscribers, the quality of your videos is unreal! (no pun intended)
nicee, i just started to learn godot, and you helped a lot
Ah! The beauty of the free market!
Just started with godot, really glad i found this channel!
@CocoCode
9 ай бұрын
A new Godot tutorial is coming this week!
more Godot please I will watch em all
THANK YOU SO MUCH SIR!!! I HOPE OUR GODOT COMMUNITY GROWS MORE AND MORE
Perfect tutorial! I hope to see other tutorials about Godot and GDScript.
Glad to see you here!
Very impressive video!! Please make more on Godot 🤓
I know literally nothing about coding, just wanted to get familiar with the UI creation in godot, but after watching this tutorial I feel like I could sit and watch all of your content in one breath. The way you describe things make me want to believe I could do that all by myself. Really great tutorial
@CocoCode
6 ай бұрын
Thank you! Be sure to check out me Godot tutorial series on how to create your first game. Powodzenia ;)
Looking forward for more Godot tutorial!
I'm an intermediate Unity user and planning to use Godot and after watching this I was like.. my word, this UI creation for Godot is much more efficient (and fun!). The Node system is kinda new to me, does it work like nesting prefabs and such? Now I'm going to explore this engine more. Hope you can provide us more tricks and tutorials like this. This video feels like Brackeys on Unity really, simple yet consise. Subbed!
@koresaliva
9 ай бұрын
Quite interesting how brackeys are also switching to godot, definitely agree though.
@pasabs2006
Ай бұрын
now Brackeys do Godot videos!
The best KZread channel in the world. Thank you for teaching us And thank you again
godot content creators eating good this year
Great tutorial! Thank you! I hope you do more Godot tutorials.
More tutorials plzz loved the video, both enjoyable and informative ❤
My F'king GOD... I had to do many of the stuff with addons, not to mention TMPro font shenanigans ... damn thank you!!!
something that blew my mind in godot, and its something simple. was when in the position screen and i was lazy, i wanted to calculate how much the X value was minus the distance i wanted from the right, so i decided to type in 909 - 24 and press enter and godot automatically filled it in there, i didnt realize this would work
thanks for this coco...
You're Godot tuts are the very best and I have watched them all...Can you make a complete GODOT course!!! Thank you!!!
What a legend this guy is!
great tutorial just started to watch tutorials about godot after unity fee update .
Excellent timing. Thanks. Would be great to see this project deployed on Android.
Good video, super explained, I loved it, upload more Godot videos please, and if you can do tutorials on inventory, farm games, watering sistems , shop, craft, character level system. more and many tutorials I will be supporting you ❤
Super Great tutorial!, Thanks Coco
@rockyhitcha9604
9 ай бұрын
i need a Resident Evil style inventory system tutorial, and i am sure that you could make a great great video🤗🤗
Thanks for the video, really well explained and understandable! It would be great if you could produce a tutorial with Godot and C# 🙂
My respect for you: ++
Niiiiice. Could you remake the inventory tutorial for Godot? Your Unity one was the best on KZread
Wow, I was figuring out how to get the U.I. going, and this was about as simple as it gets, no adding third party to make a U.I., and easy. In Unity it was a nightmare.
@CocoCode
10 ай бұрын
To be fair, Unity UI system also doesn't require external plugins and all the build in components are enough for the most projects. I enjoy working with both systems so far
Please more Godot tutorial, if you can make tutorials for a down top shooter game, also a crafting system, and weapon upgrades, inventories and shops for in-game items and purchase stores. new sub
This is a good tutorial for a fresh exile from Unity. I knew Godots UI library was good - but THIS good? Wow.😮 Please don't forget to mention the attribution for the icon you used. That is literally the only thing the game icons site asks for :)
@CocoCode
10 ай бұрын
Thank you! My bad! I've updated the description
@wiktorwektor123
10 ай бұрын
While good very beginner tutorial, it only scraches a surface of what's possible. You can make your themes, save to a file and every UI element will get consistent look and feel. You can use AnimationPlayer node to animate whole menu without single line of code. To be fair you can use AnimationPlayer to animate any property of any node while adding at any frame call to functions written by you.
@RenderingUser
10 ай бұрын
Wait till you hear about containers
Very nice
good job
Although I'm sad to see you moving away from Unity, the Godot community needs more high-quality content and you certainly can provide it :)
Thank you
what if there's a camera following the player and the ui u just made doesn't follow said camera?
Спасибо!❤
Great tutorial! Is it possible to make a chess tutorial for Godot?
Lets GOOOOO
Can you provide a godot tutorial for the villain jumping and tapping the unit at the beginning?
0:06 Heh! I used that little dude in a game jam once.
how do i make an enemy for this game?
Does anyone know how to scale the objects in all directions except for just one, like he does in the video?
thanks
The only thing missing in Godot's UI are 3D UI canvases like in Unity. Fortunately there is a plugin that takes care of that and you can have nice 3d UIs.
Wow, that was very well explained! I like how you included "practice" segments for us to pause the video and try by ourselves. Does Godot have built-in UI animations? Something like fade-in, fade-out, slide-in, slide-out, or other kinds of UI transitions that can be customized with easing function curves. One other question: does the text label component have auto-resizing capabilities? I'm thinking of a localization scenario where a word that looked fine in 28px is too big for the UI label when translated to a different language. Thank you so much for the useful video!
@wiktorwektor123
10 ай бұрын
Short answear: yes. Longer answer: Godot have nodes called AnimationPlayer and AnimationTree which allows you to animate, make transitions of any property of any node and even execute your custom functions at any frame of animation (including begin and end)
I can feel the switch
Why font is blurry? :C
godot can use c# bro...? i am first time use godot
Are you really placing everything with absolute positioning? I would like to see you making it work for multiple resolutions even in a small-sized project...
I kind of like GDScript more than C#, but I dont mind using either since I know both at this point and im well versed with many other languages too. I just dont know what each one provides as a benefit over the other, but im enjoying GDScript cuz its straight forward like python haha
Godot is trying to surf on Unity's corpse; BUT IT'S STILL ALIVE!!!!!!
Time to pivot to Godot XD
please can you use c# in your next tutorials? and thanks
jupp, after the new 'marceting decisions' of unity i switch from unity to onather engine ... i thing godot will be a good ( better ) option for us
could you possibly do ue5?
Can godot support python?
i spended 2 years learning unity i dont want to change the engine,especially beceuse i dont have the time now
Hey Godot people, how's it going? tldr = My question for yall is "What is the Most-Godot-Way to share snippets / custom modules"? I made a thing and want to share it out. I'm a unity refugee here, diving into Godot. In the process, I noticed that Typed Dictionaries aren't quite there yet (we got typed arrays, but not dictionaries yet). I think the goal is eventually something like Dictionary[String, MyCustomClass] or whatnot, but that hasn't happened yet. So what I did was spin up my own implementation, quite similar to OrderedDictionary i guess, but in godot script. I'm sure it's a bit slow compared to C++ but whatever, it works and it enforces it's types. So now I'd like to share it with others, because the typed dictionaries feature request page is filled with people that basically want this, and I'm certain my code would benefit from peer review / edits. My question for yall is "What is the Most-Godot-Way to share snippets / custom modules" of this sort? Thanks in advance. In place so far is Dictionary[String, bool], [String, int], [String, float], [String, String], [int, bool], [int, int], [int, float], [int, String] , [MyEnum, bool], MyEnum, int], MyEnum, float], MyEnum, string],. The code is about 250 lines of gdscript.
@koresaliva
9 ай бұрын
If you don't mind me asking, what's a Typed Dictionary that you're mentioning?
@MK-lk7nc
9 ай бұрын
@@koresaliva It's a dictionary that only accepts Key's of a specific type and Value's of specific type, and they of course can be different. So if I want a key type of MyFancyEnum and a value type of MyCustomDataObject, nothing else will be assignable to those key/values or it throws an error. But in GDScript, for now, all dictionaries can just hold any type of Variant value, and I think they can be key'd off any variant too but I'm not sure. This can create hard-to-fix bugs because things didn't throw errors when a piece of code tried to put the wrong thing in the wrong dictionary.
@koresaliva
9 ай бұрын
@@MK-lk7nc Ahhhh I see exactly what you mean. Workarounds can be created against that but feels like a nuisance. Thank you for clearing it up :)
Good tutorial, but you didn't show any Contarnier a like VBox or Grid - they make placing stuff in Godot UI much easier!
inspector looks a bit confusing🤐
if they had a great language like Kotlin (C# is okay though) I'd make the switch in an instant
@nullvoid3545
10 ай бұрын
Their are language bindings that currently only officially support C++ but we have other community supported languages like rust and python and even Kotlin! Unfortunately the community maintained Kotlin native project is still alpha and the site says it has A few issues Still may be worth looking into if your really set on kotiln, I imagine the others working on it are using it and can probably help with any snags you hit.
thank you very much. i hope this will help Unity die faster.
Well, I love your videos but I would like you to make a 2D or 2.5D fighting game in the style of Dragon Ball Z Fighter, like those types of combos. I say this because there are no fighting games in Godot and it could be good for the channel. so they could have a base to make naruto style games psp games, bleach soul carnival psp, I like them like that
typo in video name :)
@CocoCode
10 ай бұрын
Fixed, thanks! 🏅
Why Godot? Where unity?
@instantnoodles9592
10 ай бұрын
Unity made a huge mistake, and now the dev community doesn't feel comfortable with it, so a lot of people are switching to Godot. I recommend you to check the news about unity and decide to continue or get a backup. I loved unity but what they did is unacceptable. Edit: sorry if my english it's not very good.
@Lansamatv
10 ай бұрын
unity ajola never upload more content again, so that they learn
Unity gang
@urselhorst9253
10 ай бұрын
ex-unity gang
@Sandakelum_X
10 ай бұрын
Unity cheated on me
Not to discourage anyone from shifting over but Unity has reverted the changed to their pricing model!
@CocoCode
10 ай бұрын
Source?
Inportant: Godot isn't Unity
Ex-Unity Developer....
I believe you can switch back to unity. They changed their price plans to a 4% royalty cut!
@CocoCode
10 ай бұрын
I can't seem to find the official info about this. Can you please link me the source?
@Arthur-hn5yk
10 ай бұрын
Ohh yes, knowing they could ever do something dumb like this again