UIStroke becoming pixelated

Hello,

As part of my Kart Racing game I have been creating UI to act as the intro splash between races and after you complete a race to show your time results.

Unfortunately I have been running into an issue with UIStroke. The way I created these is by making a frame that is rotated to clip outside of the viewport. This way the frame is consistent and scales properly with aspect ratios. However when creating the border using UIStroke I noticed that it becomes incredibly pixelated when a UI Element is Rotated. I tried an alternative way by using a frame that was offset a few pixels above the bar, but that had the same issue.

It looks like I will have to create an actual graphic for these, which is a shame. Is there any way to smoothen these UI out with some anti-aliasing in studio?
Image 1: The intro card for each track

Image 2: The results screen showing your lap times

This is mainly an issue with rotation UI elements and not specifically UIStroke, its probably just becoming more emphasized as a result.

A fix for this would be to make an imagelabel of the same look and rotation with a stroke already defined rather than doing it with a frame.

You can try rotating other UI elements and it’ll have the same effect.

That is really disappointing, thanks for the clarity. Kind of makes me wish that there was in-engine support for anti-aliasing on UI objects

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