SurfaceGUIs scaling creates a quality dump


The text is not anti-aliased. and it’s a blurry, low resolution gui.

I hope Roblox will fix this at some point.

1 Like

To increase the quality, you can change the Canvas Size on the SurfaceGui’s properties
image
yes, the quality is according to this and not the brick’s size.

7 Likes

That’s the problem, I scaled the GUI using the CanvasSize property to make the text bigger, but the bigger it is, the more quality it loses.

It’s weird how ScreenGUIs are anti-aliased. but not surfaceGUIs.

5 Likes

So uh… how do I fix this…

1 Like

lol

CanvanSize is basically Pixels, you’re doing the opposite change,
“180x105” means you’re setting that SurfaceGui’s resolution at 180x105 pixels, which is probably lower than a GUI’s shop icon.

try the opposite, such as 600x360

3 Likes

Okay, so uh…
What I figured out was


I made the TextSize 100 and did the resolution scale like you told, and wow that’s awesome!

Go to the SurfaceGUI, then change the option SizingMode from PixelPerStud to FixedSize.

NOTE: It will make all your objects tiny but your just have to resize them to the size before, so it’ll be like working on a ScreenGui, so make a screenGUI take the frame from that put it in the surface gui.

Hope this helps :slight_smile:

2 Likes