UI Builder sprites render differently from game view

I am having an issue where sprite assets in my UI Builder are not rendering at the same scale as each other, but are rendering in the game view properly.

UI Builder:

I have looked over other similar posts but I haven’t found the answer there.

I am using the runtime theme and I am matching game view for the canvas.

Currently the button size is set to 17px x 17px as that is the native size of the sprite itself. The border source sprite itself is 128x128 and sliced in the editor, but the button is directly from this image and neither were scaled - so the upper right corner on the frame is also 17x17 in the slice.

So I am confused why the button would render so small in the UI Builder but correctly in the game-view. Both are set in the sprite to be 32px per unit and are using the same panel settings.

Game View:

Panel Settings:

I believe this is because the UI Builder is stuck at a sprite pixels per unit of 100, which causes sprites to look different between the builder and your game view when yours is not at 100.

It’s a bit of an annoying issue until we get options to configure that. Ideally at some point we get the ability to plug a panel settings into the builder.

2 Likes