Angled UI image creates pixels ladder

Question

Hello! As you can see on attached picture - when you angle an UI element that has straight lines in its sprite, for example, simple w$$anonymous$$te square sprite, you can see pixel ladder. I’ve tried different sprite settings (mip mapping, filter modes and etc.) and it seems none of them can fix it. alt text As a workaround I can create already rotated sprites and only then import them and it fixes the issue, but that will require each separate sprite for each certain angle. Therefore, I am curious – is there any solve for that inside the Unity? I was trying to find info about it, but without success, also I couldn’t find any questions regarding it that so I am probably missing somet$$anonymous$$ng?

Answer 1

Answer by ADiSiN · May 01, 2020 at 01:44 AM

In case someone seeking the answer for that and get here - one of the solution is to leave empty spaces in sprite edges and if necessary enable mip mapping (if you scale your sprite down too much of it's original size) alt text On picture red line is using fully filled w$$anonymous$$te square sprite and the blue line is using square sprite but with 4 px padding (on picture there is also mip maping enabled since it's not the original sprite texture and it's helping here). As I found out by searc$$anonymous$$ng in google it has to do somet$$anonymous$$ng with aliasing of geometry and if you are not leaving empty space in your sprite then Unity will limit its sampling.

Hope that will help you, if you encounter the same question.

fixed.png (49.8 kB)

Add comment · Show 1 · Share

eldar_pattern · Oct 26, 2022 at 09:22 AM 0

Share

Angled UI image creates pixels ladder

1 Reply

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions