Dive deeper into UI development 👉 Check out my newest course, Master Unity UI ➡ bit.ly/cc-unity-ui-5 It’s packed with everything you need to create awesome UI ✨🎨
Thank you man. Company gave me a full project to do on my own and I am utterly terrible with the UI. Your videos, at my own free time at home, made it very simple to create the UI that designer envisioned and artist created (sprites). Again, thank you very, very much for this tutorial.
I've been searching this for days... Never seen canvas scaling by screen width thank you very much!! If I couldn't find it in this video either, I was gonna make it manually with scripting.
Thank you so much! This was so helpful, I was worried since I'll be presenting my game on a projector that my game would scale differently than on my laptop. Now it looks great!
Can you talk about what panels and canvases are in your next video, it can be just for 10 seconds but I just need to grasp some concepts cause I can't seem to wrap my head around them. Really really amazing videos by the way.
Thanks for tutorial, only in your video I fully understand why my buttons go like crazy when scaling. And by the way, in this video you are using my background image and trees, glad that someone from gamedev using my stock images. :)
Thank you VERY much the Tutorial is very good and strate so you earned my Like and Abo (sry if its not gramatical correct because im not that good at English xd)
Amazing! The only problem I still find is that you need to choose if the ui will follow the size of the screen horizontaly or verticaly. you cant choose both. So, you are making a game with a menu on the botton and one on the top, you want them to be the size of the screen horizontaly, but, when you change phone screens, if you go to an ipad for example, the top and bottom menus almos touch each other.
Doesn't work. I have a button with the "Top-Left" selected, and when I resize the screen as you do, it moves up and down. If I just select "top-left" it works, but if after tha I move the button a little to adjust it to the screen, then it doesn't work. There must be something else missing.
I want to make UI looks as good as at 1920x1080 resolution while it's at 1280x720. Like every other gameObject on the scene will look foggy but UI will stay at it's finest. I tried a few stuff but couldn't pull this one of. Do you know how can I make this to happen?
I have an issue that sometimes when i Start the Editor, my panel are out of Position. I have 2 panel inside the canvas. 1 is top half right the other is bottom half right. The bottom one went down and the top one went up so half of each penal is out of the canvas. Any ideas?
In this example, are the Bars group, health bar, mana bar, pause button - are these panels? I got in trouble by nesting Canvases under the main UI Canvas, now trying to fix this mess.
Check out my livestream where I build a UI from the ground up. It's a bit long but it should give you a pretty good idea of how to setup everything! ua-cam.com/video/xteNAZxyf1Y/v-deo.html
You are not scale UI elements, only justify position. How to exactly change size of elements? Because if I run my game in high resolution elements still small
But how do I make it so when you play a game on an iPad, the UI elements are a lot smaller because the iPad screen has a lot more space, in my game on my iPad, the hi elements are way bigger
Great tutorial.. :) thank you very much. But the player, enemy and other game objects - do they need to be inside canvas or outside? I see your game elements are outside canvas. i'm trying them by using inside canvas? Am i doing it wrong? Kindly help!
Hey there - great question! Yes, usually you place all elements related to the gameplay not in the UI/canvas. I'll soon create a few videos series on how to create a simple game and I'll show how to separate UI and the game itself!
@@CocoCode cool, a video on that would be much helpful. Waiting for that... thank you for your reply.. meanwhile I'll try moving them out of canvas and see how it works. Have a good day 😊🤝
Thanks for the video. But we can't make each games in canvas. We have to use sprites, and they don't have anchor points, so how can we make all sprites fit to the screen size
You mean how to make your game (not related to UI) scalable to all devices? This is a completely different topic. (Please correct me if I misunderstood your question!) thanks for watching!
Thx for the Video, im new in game dev and have the same Problem with my borders on a top down 2d Game. Ive made landscape full hd and made the boarders exactly on my canves outlines. It works perfectly on my xiaomi but when i load it up on a different phone no boarder does fit the outline of the screen as intented. Do you have any feedback for thi
👎He makes it look like you just click the picture for upper left corner to stick your game object to the upper left corner. But that is exactly not what it does. It's going to take beginners a while to realize, that this video explained exactly nothing but gave a false impression of how it works. You have to watch the official unity tut to understand that these corners are not the corners that you make your game object stick to but actually they are the corners to which you put your object in relation to (which i am sorry too say is a bit more complicated than what this Coco here is trying to make it look like). A beginner who watched this will always keep wondering why it never really works 100% the way he would expect.
Dive deeper into UI development
👉 Check out my newest course, Master Unity UI ➡ bit.ly/cc-unity-ui-5
It’s packed with everything you need to create awesome UI ✨🎨
As someone starting out in UI development in Unity, this was the best explanation of anchor presets I've seen. Nicely done.
Thank you man. Company gave me a full project to do on my own and I am utterly terrible with the UI. Your videos, at my own free time at home, made it very simple to create the UI that designer envisioned and artist created (sprites).
Again, thank you very, very much for this tutorial.
Onboarding for a work project also counts as work - no matter how trivial the task seesm ;)
can you refer me bro for your working company please. I have experience of 1 year
@@karthik-vq2rji admire this grind
@@Doil-9938 it's very good
I’m binge watching you tutorials. They’re so nice.
Simple and Straight to the point, excellent.
I've been searching this for days... Never seen canvas scaling by screen width thank you very much!! If I couldn't find it in this video either, I was gonna make it manually with scripting.
Changing the UI scale mode to change with the screen size was a game changer for me! Thank you!!!!
Very good tutorial, you are very good at explaining things for beginners and I hope that your channel grows and helps as many people as possible!
great tutorial, all your videos are simple and concise!!
This kind of channels deserve a great success!
Thank you so much! This was so helpful, I was worried since I'll be presenting my game on a projector that my game would scale differently than on my laptop. Now it looks great!
Hope you enjoyed this one! Any suggestions for next Unity UI tutorials? 🎉
Can you talk about what panels and canvases are in your next video, it can be just for 10 seconds but I just need to grasp some concepts cause I can't seem to wrap my head around them.
Really really amazing videos by the way.
Hexagonal UI! All of it! Every hexagon UI piece you could think of! And if that doesn't work... make another. Because hexagons are the bestagons!
Woah, sounds like a good one!
I liked it so much! Your explanation was very calm and clear! Thanks
Thanks for tutorial, only in your video I fully understand why my buttons go like crazy when scaling. And by the way, in this video you are using my background image and trees, glad that someone from gamedev using my stock images. :)
its kinda funny)
Such a good tutorial man! You are what make UA-cam great!
this is super best i was looking on it for many days thanks bro.
this tutorial helped me alot thanks man, i'm now struggling with key mapping using the old unity input systems.
Good stuff, I wish I came across this sooner. I was struggling with Unity UI scaling, which was irritating to try to trick into working correctly.
Thank you so much I was searching so long for this video :)
Oh my god, thank you thank you thank you!! Such a simple thing in retrospect, but a big deal if it's missed!!
Cool video, thanks 😊
I watched a few video before (4 or 5) but this was the most understandable for me!
Keep up the good work 👏
Thanks to you I was able to reverse engineer some things to fix my UI. Thx :D
Thanks for this video! This just made my game so much better!
amazing simple but useful tutorial. kudos man!
thank you so much man you saved me centuries of work
Thx a lot thats what ive been looking for. It solved my problem perfectly. Thx a lot. You gained 1 subscriber and 1 like. Thank you
This is awesome, thanks! save me alot of headaches.
I've been working VR GUI for so long I forget simple things thank you
It reminds me of Figma's autolayout, pretty cool. Thanks!
loved the tutorial!! thx for the help!!
Thank you! If you have any suggestion for next video, be sure to share it here 🎉
thats exactly what i'm searching for, thanks...
this tutorial is a treasure :D well explained thank u sir !
Glad you liked it!
@@CocoCode I would love to see some Shop tutorial , ( How we can make a ui shop with some items and some coins , .. )
It can not be this simple. LOL! Thank You Sir!
You're welcome!
Very quick and works perfectly !
Thank you so much! I learned something new : D
very high quality videos!
Love ur videos!
Thanks for the video, my english is very bad and I could understand everything perfectly
Thank you for the tutorial 😎
Amazing video!
Thank you so much. Very helpful!
I like you channel name. Its really pretty💜💛💚
Thank you! 🎉
Thank you! :) I used your technique
Thanks that was very helpful
Very useful. Thank
Thanks very much
thx for this tut
nice video.keep uploading videos
thank you soo much your really good subbed
Your my hero!!!
Thank you VERY much the Tutorial is very good and strate so you earned my Like and Abo (sry if its not gramatical correct because im not that good at English xd)
Glad it helped!
thank you!
Thanks man :)
Excellent.
Awesome!
Thanks a lot coco
Good tuts bro.
Thank you!!
Thanks bro!
thanks helped alot
THANK YOU
thank you very much sir
Thank you, god bless.
i hope i found this channel sooner
Thanks kind person
great!
Thank you❤️ you help me to fix Rect Position and image or button position❤️❤️❤️❤️
Amazing! The only problem I still find is that you need to choose if the ui will follow the size of the screen horizontaly or verticaly. you cant choose both. So, you are making a game with a menu on the botton and one on the top, you want them to be the size of the screen horizontaly, but, when you change phone screens, if you go to an ipad for example, the top and bottom menus almos touch each other.
whenever that happens for me I just make 2 different applications, because sometimes I also need to optimize the PC game for mobile
Talking about 9-slicing with sprites in the editor would also help. Maybe this is one point that is missing here in this video.
I love you platonically 😃
Do you know if its possible to scale with sprite renderers instead of image components?
Doesn't work. I have a button with the "Top-Left" selected, and when I resize the screen as you do, it moves up and down. If I just select "top-left" it works, but if after tha I move the button a little to adjust it to the screen, then it doesn't work.
There must be something else missing.
I love your voice, dude
I want to make UI looks as good as at 1920x1080 resolution while it's at 1280x720. Like every other gameObject on the scene will look foggy but UI will stay at it's finest. I tried a few stuff but couldn't pull this one of. Do you know how can I make this to happen?
For keeping aspect ratio is best using % instead of pixels. My two cents
From Russia with love!
thank you
I have an issue that sometimes when i Start the Editor, my panel are out of Position. I have 2 panel inside the canvas. 1 is top half right the other is bottom half right. The bottom one went down and the top one went up so half of each penal is out of the canvas. Any ideas?
How should I make a box-like button, not a rectangular one?
In this example, are the Bars group, health bar, mana bar, pause button - are these panels?
I got in trouble by nesting Canvases under the main UI Canvas, now trying to fix this mess.
Check out my livestream where I build a UI from the ground up. It's a bit long but it should give you a pretty good idea of how to setup everything!
ua-cam.com/video/xteNAZxyf1Y/v-deo.html
@@CocoCode Thanks, will check it out when I'm done with my current thing.
I should mention, my problem was nested canvasses, now fixed it.
Ty :)
Plz help, How do I do this trick on gameobjects that aren't UI/canvas items??
Please make a tutorial for constant camera aspect retio for all mobile screens in unity 💞.............mean eventsystem
TYSM
Why my ui elements dont have to anchor presets?
You are not scale UI elements, only justify position. How to exactly change size of elements? Because if I run my game in high resolution elements still small
thanks
But how do I make it so when you play a game on an iPad, the UI elements are a lot smaller because the iPad screen has a lot more space, in my game on my iPad, the hi elements are way bigger
Great tutorial.. :) thank you very much. But the player, enemy and other game objects - do they need to be inside canvas or outside? I see your game elements are outside canvas. i'm trying them by using inside canvas? Am i doing it wrong? Kindly help!
Hey there - great question!
Yes, usually you place all elements related to the gameplay not in the UI/canvas. I'll soon create a few videos series on how to create a simple game and I'll show how to separate UI and the game itself!
@@CocoCode cool, a video on that would be much helpful. Waiting for that... thank you for your reply.. meanwhile I'll try moving them out of canvas and see how it works. Have a good day 😊🤝
Only problem is that when I set the canvas scaler to scale with screen size it makes everything massive
Thanks for the video. But we can't make each games in canvas. We have to use sprites, and they don't have anchor points, so how can we make all sprites fit to the screen size
You mean how to make your game (not related to UI) scalable to all devices? This is a completely different topic. (Please correct me if I misunderstood your question!) thanks for watching!
@@CocoCode Yes you got my point. So could you please make a video on it
@@santoshparihar6820 plz tell me the solution if u got the answer to that question
My pixel fonts Looks blurry in full screen
How do i solve it?
Thx for the Video, im new in game dev and have the same Problem with my borders on a top down 2d Game.
Ive made landscape full hd and made the boarders exactly on my canves outlines. It works perfectly on my xiaomi but when i load it up on a different phone no boarder does fit the outline of the screen as intented.
Do you have any feedback for thi
steaight forward. doesnt work. almost like anchor doesnt exist for me
Can you make it so the screen cannot go too small?
I think that to make video about Screen Wrap its great idea. What you think about it?
What do you mean by ‘screen wrap’?
tnx mn
what about game elements?
ah yes. health and mana bars. just as important as the powz menoo.
👎He makes it look like you just click the picture for upper left corner to stick your game object to the upper left corner. But that is exactly not what it does. It's going to take beginners a while to realize, that this video explained exactly nothing but gave a false impression of how it works. You have to watch the official unity tut to understand that these corners are not the corners that you make your game object stick to but actually they are the corners to which you put your object in relation to (which i am sorry too say is a bit more complicated than what this Coco here is trying to make it look like). A beginner who watched this will always keep wondering why it never really works 100% the way he would expect.
nothing with real project.
i didnt understand shit