how can i fix the UI graphics quality?

I am having some problems with the quality of the UI, I am working on a minimap, therefore using a second, larger camera, which follows the player, and which is shown on the screen thanks to a texture applied on a raw image.
I also have a simple border, a black circle 1000x1000, and a mask to give the minimap a circular shape, also 1000x1000.
The problem is that they are all very grainy and of a bad graphic quality, I have tried everything in my knowledge but they are still almost unusable

Your circle is too big
Higher resolution is not neccessairly better with unity resizing algorithms

If you do pixel art, try use point filter in the textures
If you don’t and use some image you want to scale down, try be as close in the resolution to what you want as you can, within 20-30%

If your screen is 800 pixels wide and your ring on screen is 20%, it should be around 200x200 in size I think ±

Use TextMeshPro with a glyph for perfectly smooth outlines, or use a mesh, or use a texture with bilinear filtering applied + mipmaps.

1 Like

UGUI can’t do smooth masking. It should, but it doesn’t.

Get Procedural UI Image from the asset store for doing circles or rounded corners/borders, or use an image.

1 Like

It dosnt need all this fancy stuff, just resize the image to a size that is near to the needed size

Soft Mask (free): GitHub - mob-sakai/SoftMaskForUGUI: Enhance Unity UI (uGUI) with advanced soft-masking features to create more visually appealing effects!

1 Like