How to make UI in UNITY - EASY TUTORIAL
ฝัง
- เผยแพร่เมื่อ 1 มิ.ย. 2024
- In this unity tutorial we'll take a look at how to make UI ! UI is used to create game's main menus, pause and option menus, inventories, health bars and lots MORE, so it's key to have a basic understanding of how it all works !
This is what will be covered in the video :
1 - Canvas and resolution
2 - Making text and changing it via code
3 - Images
4 - Buttons and using them to call functions
5 - Changing screen resolution via code
---------------------------------------------------------------------------------------------------------
SUPPORT ME : / blackthornprod
---------------------------------------------------------------------------------------------------------
DAFONT : www.dafont.com/fr/
GOOGLE FONTS : fonts.google.com/
---------------------------------------------------------------------------------------------------------
JOIN the BTP DISCORD SERVER : / discord
FOLLOW ME : / noacalice - ภาพยนตร์และแอนิเมชัน
This is how Unity build-in elements demonstrations should looks like for developers. No hours-long tutorials about every feature, just "This element can do this and this. If you're interested, learn more about it on this specific tutorial...". Really great job. I got more informations from this 10 minutes video than from spending a lot more time on official tutorials. Thank you :)
This is the most straightforward explanation of how to use the Unity GUI system with C# sharp I've found. Thanks for saving me from hours more of endless searching.
Came here to comment, BMJ said it perfectly here.
instaBlaster
@@billyhoward9643 master blaster 69
Instead of checking length of image and typing it into scale (6:16), you can just click last button in image component named 'Set Native Size'
tysm!
Thank you!
I love your tutorials, you cover little things that most of the tutorial creators don't, that's amazing :D
Please never stop making these dude, my major is games programming and your tutorials help so much. It is so much fun to make games like this.
Amazing tutorial, really covers everything and very well put together and ordered!
You go over so much at such a great pace. Nicely done. I’ll be watching more of your videos for sure.
Still keeping up the great content! :)
Hope you keep gaining subscribers!
Keep up the good work i love your tutorials I am sure you will end up becoming a great you tuber :)
the fact that there is a space in TH-camr makes me mad
Great tutorial, a lot of info packed in a short period of time, how most video tutorials should be, well done!
Thank you so much dude! I've been trying to find this type of tutorial for a while.. But then I come across this! Thank you! :D
So much more lively then other videos and you actually have a personality and care about what your teaching
So much useful information packed in to 10 minutes! Thank you for this!
I've never really subscribed to a tutorial channel, but your videos are such good quality!
6:15 preserve aspect 😊
Love your tutorials.
this really helped me understand buttons and UI, thanks so much!
Awesome video! I just recently learned about the whole Screen.SetResolution() just recently, and its awesome to see such a useful tip in a video of yours! Your videos have inspired me and allowed me to grow as a developer! Thanks a bunch!
I'm so glad my video have helped you out on your own journey :) ! Keep it up mate and thanks so much for the support :) !
No problemo! Thank you!
Great video as always, Noa!
I would love to see an in-depth guide on making a ui screen for setting up and mapping inputs in-game for keyboard/mouse and controller inputs.
I was exactly looking for a way to change the resolution by script! Thank you Noa :3
Thank you so much, this is exactly what I was looking for!
OMG you are awesome for making this! :) Please keep it up!
Thank you, i shall be watching more of your UI videos.
Im having to move form OnGUI to Canvas and struggling with some of the more advanced areas.
"pin point accurate" yes sir I do. Thank you very much.
I follow your Videos now for a while, and I just can say: Thank you!
Thanks so much for the support :) !
Extremely well done, easy to understand and with a very likeable personality!
Its amazing that you help small game developer like us grow, I always love your tutorials Thanks a bunch😊😭❣
Love your stuff dude keep it up
Thanks :) !
Awesome video! For me, I curious on how to do keybindings in the option screen. Especially for controllers. Keep up the good work! xD
A little fast when you try to follow along but that's what the pause button is for! Very nice tutorial, easy to understand, thank you! :)
Never underestimate the power of his very first tip. Do not delete the event system in the hierarchy. Nobody tells you that.
Dude your stuff is amazing. Keep it up!
you really like Hollow Knight do you? (btw thanks for introducing me to the game, i bought it becasue of you)
Well who doesn't
great game!
Great and educational video Noa! You are really great and make really cool stuff! Keep up with your great work!
Thanks :) ! I'm really glad you liked the video !
Lol i was watching so many tutorials to find out why my buttons where not working until I realized thanks to you I deleted the event system by mistake… thank you 🙏
Thank you , good content. My menus normally look trash so I’ll be reviewing all your content
This was so good, thank you.
NOTE: Text Mesh Pro was acquired by Unity and is now available for free through the Package Manager. It's Text-based UI elements are much more crisp than Unity's standard ones.
Note: requires to use its namespace to be able to access data within it, using TMPro
Unity noob here, coming from Android dev. How come Unity is not able to keep standard text crisp??
really great in such a short time i got all this information
very good intro to unity UI, I like the video pace, it doesn't have me skipping through
Thanks :) ! I'm so glad you liked the content !
I Love your videos quality, it's very helpful as well ! Thank You very much !! or "Merci Beaucoup"
7:23 , that helloooooooooooo lol and
thanks this really helped +subbed
U R A GOD OF UNITY TUTORIALS
When you say this all become so simple and easy
@Blackthornprod - thank you for this. I'm no Unity novice, but I was scratching my head today trying to figure out why my UI was not scaling properly. I knew it had to do with a property from the UI itself, but couldn't remember which one to save my life. It was UI Scale Mode... at about 1:50 in the video. Soon as I saw you change it to Scale With Screen Size it hit me. Thanks for curing my dumb today! 😂
Hey mate, yet another great tutorial ! You are awesome! Thanks
this taught me more than 8 h of official unity tutorials rip
Really good work. Nice tutorial ! Keep on :)
All useful info in just one video, awesome!
Was waiting for such a long time for a new video to come up
Yep sorry for the wait :) , my PC unexpectadly crashed Friday and had to get repaired :/ !
Fantastic tutorial, thanks a lot!
Great video, very helpful!
Thanks Antonio :) !
This is my first tutorial. It's taken me around 30 minutes to get to the part at 4:55, but I'm so proud of my health going down when I press the space bar 😂😭😭
Your videos are fantastic and so helpful. Thank you very much 😊
Great tutorial :3 I love your stuff
This is an amazing tutorial, very informative :)
Wonderful! Amazing Video! Exactly what I needed.
one of the best tutorials around here! thanks so much!
Very good and compact tutorial!
Cool tutorial! As always! 👍🤓
this is convenient
Thanks for this video :d
*Subbed*
this was cool to learn im new to game dev so trying to make short games but idk much yet so this helps
Fats introduction to basic UI. With that knowledge, I can move faster with my end goal. Subscribed...
Hey! What a great gamedev channel! Keep growing. =)
Thanks man!
:)
Guys, if you're not seeing the health number when you click play, make sure you have the correct code, and the width or height of the text box is large enough,
Nice tutorial. What is the extension you used for showing the method parameters with summary of the method?
Great vid this channel deserves more subs
Thanks Ciaran for the support :) !
This video is a wee bit outdated. What you need to do is use the TextMeshPro text (now default when you select text from the create menu.)
Then in your code add "using TMPro" at the top. Then replace the line "Public Text healthText;" with "Public TextMeshProUGUI healthText;" and the rest the same. You then drag your TextMeshPro object into the text slot.
Holy shit thank you for the update.
Thank you so much!
how do I put my TextMeshPro ui into the health text box in the health display script?
Super helpful! Thank you!
thank you very much everything worked and it was greatt!
Awesome tutorial. Thanks a lot.
I didn't get a notification for this video :( Lucky i was just going into youtube!
Make sure you've clicked on the notification bell on my channel, that way you'll almost certainly get notified :) ! If you've already done that though just hop in every 3 days or so and new content should have popped up :) !
Great video.. Thanks! Keep up the great work!
Very Helpful and Thanks~!
Thanks for this video! My UI would never be in the correct place if I hadn’t seen this video! But, can you please cover slider and drop down?
This was awesome! Thank you so much. :-)
thank you!!! very simple tutorial!
Another great video! Please make one with inventory!
yaaaay, we got another ',:)
1:56 16:9 is not a resolution but an aspect ratio. Just a minor mistake and I suppose you're already read this type of comment a hundred times, but in case not I'm still obligated to tell ya 😅
A Resolution would be something like 1920 pixel * 1080 Pixel, the absolute width and height of your display.
Thanks it was very helpful.
Great video as always
Great tute! :)
Could you make a video explaning how to make the enemies follow the player, but also, jumping into other platforms more higher?
one of the best tutorials thank you
This helped a lot!
=O, really useful tips!
bro, I am so grateful that I found your videos.
They have been so helpful to me, words can't express my gratitude.
I'll one day make something worth more than the assets used to make it.
And that is thanks to you.
thank you.
Thanks a lot for the kind words :) Really glad you like my work, stay tuned mate !
thank you awesome tutorial
OK THIS IS ENTERTAINING n HELPFUL :D
Cool UI .....Man....
They are ....THE BEST....
Love your content
DaFont can have viruses in their downloads! Use Google Fonts instead! They have a lot of useful free, open source fonts with multiple families. DaFont usually only gives one family per Typeface...also sometimes they hold viruses.
Could you make a video explaining how to change a UIimage sprite with a button? :D Love your content btw!
awesome, thank you
1600x900 resolution is not 16:9 aspect ratio. They are different. 1280x720 is true 16:9, also 1920x1080 too. 1664x936 is a true 16:9 not 1600x900
keep up with unity and more in the field of 2d and apps
Loved thisss besstt for beginners
I really like your drawing style
Omg you saved me so much headache