I am learning Unity and am hoping someone can help me understand what I am missing here. Your help is greatly appreciated!
I have attached an image of my screen.
I created a button (right click > UI > button) and am using my own source image (100x100) but it looks really large on the scene and in the game view and I can’t figure out why.
When I created it I clicked on “Set Native Size” which I assume would match the size to the original sprite. The dimensions show as width: 100 and height: 100 as well as you can see in the Inspector.
I dragged in two sprites (the character on the left and the same hat image I’m using for the button) and as you can see they seem to be the correct size?
My canvas settings are:
Render Mode: Screen Space Canvas
Reference pixels per: 100
I’m really looking forward to understanding how this works!
This question belongs to UI forum, this is 2D specific forum. Not everything flat belongs to 2D forum
But anyway, based on how you explain your problem, I guess you haven’t done much reading related to Unity UI or you haven’t watched any UI tutorials yet? I would recommend you watch all the videos that explain the basics, you’ll get better understanding how the uGUI system works in general.
Some tips.
Always have both game view and scene view visible when adjusting your UI. Scene view isn’t very helpful if you are actually building screen space UI.
Set your game view to your target resolution, or at minimum, use correct aspect ratio.
Set your UI Canvas Scaler’s UI scale mode and screen match mode.
Set your UI Canvas Scaler’s Reference resolution.
After these steps start placing your UI elements.
If your image native size don’t match after this, then modify your source image graphics and/or its import settings.