UI Elements that are rotated are aliased

Bug Reports Engine Bugs
#1

Currently, rotated UI elements (ex. TextLabel, TextButton) are aliased or blurred, causing some sort of focus on users and developers that use rotation for UI. Extremely bothersome to me.

To me, or other developers, it can be bothersome to eyes or trigger ourselves, I’d like it if it wasn’t so blurry at all, having it at zero makes it crystal clear.

How to reproduce:

  • Open up studio.
  • Insert a ScreenGui > TextLabel in StarterGui.
  • Set rotation to a random amount. (-3, 4, 5, -1)

RobloxStudioBeta_KJSG0Zy1Nt
RobloxStudioBeta_KJSG0Zy1Nt740×216 53.9 KB

RobloxStudioBeta_bZm04U8CNo
RobloxStudioBeta_bZm04U8CNo727×173 36.1 KB

Small difference, however if repro, it’s quite annoying.

12 Likes
#2

Hi there, thanks for the report. Unfortunately, fixing this issue may be on our future roadmap however is currently not being actively worked on.

2 Likes
#3

If you really need a workaround for this you can take advantage of texture interpolation and make the border built out of a texture that has a couple extra transparent pixels around the outer edge. That way the actual aliased edge will be invisible, and you will see an apparent edge with some amount of anti-aliasing.

The downside is that requires you to use a dedicated texture tuned to the border width that you require and makes you consider that extra transparent boundary space layout wise.

3 Likes
#4

It’s 2023 (reaching 2024 in less than a month here), and this still has not been fixed.

I’m bumping this to the top, especially since I’m told to avoid reposting as much as possible, fix this please, roblox!
image

2 Likes