Issue with UI anti-aliasing

[ronjart]

I'm trying to reduce UI anti-aliasing on Quest 2 for my project. I increased global edge soften width to 3 and I'm using 4x MASAA with URP. In editor, everything looks very good, but on device UI AA is really noticeable. In the following screengrab from Quest 2, I have a spatial UI element that is composed as follows:

GameObject (scale ~ 0.1)
-UIBlock (scale 1)
--UIBlock2D (scale 1, white body)

Could this be an issue with scale? Mobile shaders? Any help is appreciated.

[dkonik]

Sorry you're hitting this issue! In the image you sent, it almost looks like edge softening is disabled. Couple of questions/things to validate:

1. Is the Soften Edges property on the white panel UIBlock enabled?
2. Is the white panel a texture or sprite? Or is it just a white UIBlock2D?

To reproduce the issue, could you please provide:

1. The version of Unity you are using
2. The graphics API (Vulkan or OpenGL)
3. A screenshot of the configuration on your camera
4. A screenshot of the configuration of your render pipeline if you made any changes to the default settings

[ronjart]

Thank you for the quick reply.

Is the Soften Edges property on the white panel UIBlock enabled?

yes, and I can see it working in the editor window and it looks great in the editor in play mode as well.

Is the white panel a texture or sprite? Or is it just a white UIBlock2D?

UIBlock2D, no sprite or texture

The version of Unity you are using / The graphics API (Vulkan or OpenGL)

2021.3.8f1, OpenGL

A screenshot of the configuration on your camera

A screenshot of the configuration of your render pipeline if you made any changes to the default settings

[dkonik]

Apologies for the delay. Just wanted to provide a quick update on this. We're still trying to find the root cause - seems to be unique to the shader running on device, as you described - but fortunately we were at least able to reproduce the issue. Will follow up again when we have a fix!

[j7j7]

I've got a similar experience, with the edges, using unity / standard render pipeline and developing to VR. Its not a showstopper - and if I blur with the shadow around the UIblock2D elements it's less noticeable.

You'll see the edges of the box are clearer - yet the button has jagged edges.

[dkonik]

Apologies for the delay (again), but a fix for this has been submitted! I will follow up here when it's approved and published, hopefully in the next couple of days.

[j7j7]

Amazing! any screenshots to share on what to expect?! :)
BTW - Great work guys - we really appreciate all the efforts you're putting into this amazing framework!

[dkonik]

Well, v1.1.8 has now been published, so better than screen shots you can check it out for yourself 😄 But you should see a drastic improvement, particularly if you set the edge soften width to something like 2 for Quest.

And thank you for the kind words, we really appreciate it!

[j7j7]

Ok, I've just got to say ... WOW ...

The update has made a huge difference to the visual quality on VR.
No more jagged edges - even on contrasting colours.
Fantastic work guys!

[adgray1]

Oh, yeah. Way better. This looks awesome, by the way! Glad to hear you're happy with the improvements, though this is how sharp we thought things looked on Quest until you guys brought the bug to our attention 🙃. So thank you!

[ronjart]

Very happy that you were able to fix this. It's incredible to have non-flickering UI on Quest. You guys are the best 💪