Wrong Interaction between an UI Stroke and UI Corner in a Frame

How the frame looks with a stroke and corner:

Maybe barely noticeable but the UI stroke leaves a small space which can be seen on the left and right sides of the frame.
Caused by the UI corner.

How the frame looks with only a stroke:

No space between the frame and UI Stroke. How it is supposed to be.

Capture

A private message is associated with this bug report

This gap is called a ‘conflation artifact’ - the cause is that both the round rect and stroke are anti-aliased by adding some transparency to the color. If the shapes overlap in a certain way, the additive transparency still shows some of the background through.

In general, we can’t guarantee that all seemingly reasonable combinations of stroke + corner won’t cause conflation artifact. You’ll need to adjust sizes accordingly to work around the gap.

There are other anti-aliasing techniques roblox could use (like MSAA or supersampling) but there are other tradeoffs to make like efficiency/performance.

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.