UI Mask with rounded corner results in weird artifacts (furry, jaggy)

Unity Engine
1

Hello,

I am trying to use the mask component to mask an image below. I created a rounded rectangle in GIMP, including the alpha layer (the mask image can be found here).

The mask image itself in Unity looks like this:
UI Mask Image

799×646 586 KB

However, if I parent a child game object to this mask object and add the Image component, the result looks like this:
Mask + parented image corner

847×673 658 KB

It does not matter what the underlying image is (the child image), the result is always this weird artifact at the corner. The mask png import settings look like this:
Mask PNG Import Settings

397×541 12.6 KB

Any help would be much appreciated!

Thanks!

1 Like
2

I found the answer thanks to this link.

Setting the texture’s Compressor Quality from Best to Normal fixes the problem. Try changing all of the settings in that area (Max Size, Resize Algorithm, Compressor Quality). I did not try changing the Format so I am not sure if this would help.

4 Likes