Godot UI QUICKSTART (Ex-Unity friendly guide)

Подписаться 47 тыс.

Просмотров 52 тыс.

50% 1

🤯 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

Опубликовано:

26 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 145

@Ozzymand 9 месяцев назад

Worth mentioning that Godot supports C# as well so GDScript is not a requirement for using Godot!

@CocoCode 9 месяцев назад

Correct! 🔥 Check out my latest video about C# support in Godot: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9bh5VVDV2Mg.html I show the same script rewritten in C#

@PortfolioPL 9 месяцев назад

Godot 4 does not support C# on mobile or web.

@AndyAndrewEntertaiment 9 месяцев назад

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.

@dustlol5221 9 месяцев назад

NOW WE HAVE COOL TUTORIALS, please, continue making godot tutorial, the godot community needs more of this

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

I agree a lot ❤

@elenaparis8268 12 дней назад

he didn't...

@CocoCode 9 месяцев назад

Your friendly UI guy comes to rescue! 💪 Would you like to see more Godot videos or Unreal UI system overview? Let me know!

@josephomoruyi9581 9 месяцев назад

More Godot will be very useful Thank you so much ❤

@Freshnezzzz 9 месяцев назад

Rigidbody3D movement please!

@papunatskhvediani4033 9 месяцев назад

Of course! Unity just passed away 🧟🧟‍♂🧟‍♀, R.I.P Unity!😒🤩🤩

@happyfarang 9 месяцев назад

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 9 месяцев назад

Godot please! 😁

@aishwaryadavid7565 9 месяцев назад

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.

@NitramiuZ 9 месяцев назад

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 7 месяцев назад

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 7 месяцев назад

@@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 4 месяца назад

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.

@toadbard 9 месяцев назад

Please do more tutorials on Godot! Your lessons are incredibly easy and enjoyable to follow!

@CamdenVaughan 9 месяцев назад

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

@JonLamont13 4 дня назад

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.

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

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

@silexpixels8158 9 месяцев назад

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 💪

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

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 5 месяцев назад

I appreciate that! Hope you will enjoy more content on my channel!

@itsjanak6337 9 месяцев назад

YAY, more godot pls

@Pallerim 9 месяцев назад

Awesome tutorial! Perfect explanations, exercises and editing tempo. Thank you so much for creating this.

@Kanibulus 9 месяцев назад

Wow godot is pretty complete, I would have to get used to the new UI but other than that it seems very solid !

@Inf4mousKidGames 9 месяцев назад

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

@mirkogeffken2290 9 месяцев назад

I love that you blur out non-focus sections. Draws the eye to the area of interest. Great vid!

@natanmaia3575 9 месяцев назад

I love how you cover all the little mistakes us probably stumbled on in the process 🙏

@lanceroygames 9 месяцев назад

Sweet glad you're making Godot tutorials. I loved your Unity ones.

@toucan_tv 9 месяцев назад

Amazing video!! I would really like to see more Godot tutorials like this

@Patricebrouh 9 месяцев назад

Happy to see that you give us Godot tutorial too. Thanks

@CarlosRojas-zk1ic 9 месяцев назад

this is great, I ve been some time already around godot, making some small trash because my UI was poor, this was so useful!

@Random_Coffee_Cup 9 месяцев назад

Good to see people not let unity escape from what they have done talking about unity new pricing policy

@PingsGolf 9 месяцев назад

dude how the f*** do you not have millions of subscribers, the quality of your videos is unreal! (no pun intended)

@kelvynnlee 9 месяцев назад

nicee, i just started to learn godot, and you helped a lot

@MrZtapp 9 месяцев назад

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!

@kennyf4191 9 месяцев назад

more Godot please I will watch em all

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

Just started with godot, really glad i found this channel!

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

A new Godot tutorial is coming this week!

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

THANK YOU SO MUCH SIR!!! I HOPE OUR GODOT COMMUNITY GROWS MORE AND MORE

@TheLazyJAK 9 месяцев назад

Very impressive video!! Please make more on Godot 🤓

@andyman404 9 месяцев назад

Great tutorial! Thank you! I hope you do more Godot tutorials.

@johnraymondramirez5355 9 месяцев назад

Looking forward for more Godot tutorial!

@Alajmi346 Месяц назад

The best RU-vid channel in the world. Thank you for teaching us And thank you again

@prechabahnglai103 9 месяцев назад

Glad to see you here!

@dimitri8520 9 месяцев назад

Ah! The beauty of the free market!

@rommelstrafe 9 месяцев назад

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 8 месяцев назад

Quite interesting how brackeys are also switching to godot, definitely agree though.

@pasabs2006 27 дней назад

now Brackeys do Godot videos!

@asbibione 9 месяцев назад

Perfect tutorial! I hope to see other tutorials about Godot and GDScript.

@xtreame_here 9 месяцев назад

More tutorials plzz loved the video, both enjoyable and informative ❤

@kucirulz 9 месяцев назад

What a legend this guy is!

@CyberStudios 9 месяцев назад

thanks for this coco...

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

Super Great tutorial!, Thanks Coco

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

i need a Resident Evil style inventory system tutorial, and i am sure that you could make a great great video🤗🤗

@SandeepXZ 9 месяцев назад

My respect for you: ++

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

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 5 месяцев назад

Thank you! Be sure to check out me Godot tutorial series on how to create your first game. Powodzenia ;)

@db5094 9 месяцев назад

godot content creators eating good this year

@DePistolero 9 месяцев назад

My F'king GOD... I had to do many of the stuff with addons, not to mention TMPro font shenanigans ... damn thank you!!!

@OverlustRift 9 месяцев назад

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 ❤

@bdd740 9 месяцев назад

Excellent timing. Thanks. Would be great to see this project deployed on Android.

@mmokzlrsn 9 месяцев назад

great tutorial just started to watch tutorials about godot after unity fee update .

@Mimas74 9 месяцев назад

Thanks for the video, really well explained and understandable! It would be great if you could produce a tutorial with Godot and C# 🙂

@Twelveoglock1 9 месяцев назад

Very nice

@EROSNERdesign 4 месяца назад

You're Godot tuts are the very best and I have watched them all...Can you make a complete GODOT course!!! Thank you!!!

@user-dl8sk8km6p 5 месяцев назад

good job

@damaddog8065 9 месяцев назад

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 9 месяцев назад

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

@JeffKomarow 9 месяцев назад

Lets GOOOOO

@LJ_Dev 9 месяцев назад

Niiiiice. Could you remake the inventory tutorial for Godot? Your Unity one was the best on RU-vid

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

Thank you

@thygrrr 9 месяцев назад

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 9 месяцев назад

Thank you! My bad! I've updated the description

@wiktorwektor123 9 месяцев назад

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 9 месяцев назад

Wait till you hear about containers

@ephitariathegame2brainstud996 9 месяцев назад

Спасибо!❤

@Lansamatv 9 месяцев назад

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

@UltimatePerfection 4 месяца назад

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.

@davidwusoftdev 9 месяцев назад

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 9 месяцев назад

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)

@rexoverwatch 9 месяцев назад

thanks

@ItsMeHelel 9 месяцев назад

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 :)

@MMuraseofSandvich 9 месяцев назад

0:06 Heh! I used that little dude in a game jam once.

@yesnoidk 9 месяцев назад

Great tutorial! Is it possible to make a chess tutorial for Godot?

@JuhoSprite 9 месяцев назад

I can feel the switch

@op2265 9 месяцев назад

Time to pivot to Godot XD

@dodojin_xr 9 месяцев назад

Can you provide a godot tutorial for the villain jumping and tapping the unit at the beginning?

@mahvashafshari2652 9 месяцев назад

Godot is trying to surf on Unity's corpse; BUT IT'S STILL ALIVE!!!!!!

@SightDashGD 3 месяца назад

what if there's a camera following the player and the ui u just made doesn't follow said camera?

@fosphos Месяц назад

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

@bombrman1994 3 месяца назад

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

@mohammdzencer138 9 месяцев назад

please can you use c# in your next tutorials? and thanks

@MilkyGamesOfficial 9 месяцев назад

could you possibly do ue5?

@MK-lk7nc 9 месяцев назад

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 8 месяцев назад

If you don't mind me asking, what's a Typed Dictionary that you're mentioning?

@MK-lk7nc 8 месяцев назад

@@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 8 месяцев назад

@@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 :)

@CakeOnBake 9 месяцев назад

Does anyone know how to scale the objects in all directions except for just one, like he does in the video?

@QuestGiver-cl9co 4 месяца назад

how do i make an enemy for this game?

@fahrulrozy7838 9 месяцев назад

godot can use c# bro...? i am first time use godot

@vohoff 9 месяцев назад

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

@DevJeremi 9 месяцев назад

Good tutorial, but you didn't show any Contarnier a like VBox or Grid - they make placing stuff in Godot UI much easier!

@azgan123 9 месяцев назад

Why font is blurry? :C

@captainnoyaux 9 месяцев назад

if they had a great language like Kotlin (C# is okay though) I'd make the switch in an instant

@nullvoid3545 9 месяцев назад

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.

@adirmugrabi 9 месяцев назад

thank you very much. i hope this will help Unity die faster.

@what-a-save 9 месяцев назад

i spended 2 years learning unity i dont want to change the engine,especially beceuse i dont have the time now

@Lansamatv 9 месяцев назад

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

@manlo2206 9 месяцев назад

inspector looks a bit confusing🤐

@ribicb 9 месяцев назад

typo in video name :)

@CocoCode 9 месяцев назад

Fixed, thanks! 🏅

@willylliw7 9 месяцев назад

Unity gang

@urselhorst9253 9 месяцев назад

ex-unity gang

@Sandakelum_X 9 месяцев назад

Unity cheated on me

@chriscopsey4205 9 месяцев назад

Not to discourage anyone from shifting over but Unity has reverted the changed to their pricing model!

@CocoCode 9 месяцев назад

Source?

@blitzkreig4887 9 месяцев назад

Ex-Unity Developer....

@daniilgorbachev 9 месяцев назад

Why Godot? Where unity?

@instantnoodles9592 9 месяцев назад

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 9 месяцев назад

unity ajola never upload more content again, so that they learn