We need better GUI Rendering

Feature Requests Engine Features
#1

I’m very passionate when it comes to designing Graphical User Interface. My goal is to make sure every player in my game get’s the same experience as I would.

But with ROBLOX’s current GUI rendering… The resolution and screen size plays a huge role on how this GUI may appear to the user. Such as having a lower resolution the images and text will appear blurry, making it hard to read.

Here are some examples:

This is when the image is downscaled to a lower resolution

image
image989×733 59.7 KB

This is how the image looks on the PC I designed the GUI on.

image
image1179×847 126 KB

This is very frustrating because I can think I’m making a GUI look very crisp but as I switch over to my lower res monitor is looks very low quality. So I find myself having to change text and image size constantly to balance it between the different screen resolutions

I would like to see ROBLOX improve their scaling system making it where images and text don’t lose so much quality on a lower resolution. This would improve the quality of games on ROBLOX

Anyone else experiencing these issues?

30 Likes
#2

I may not be as passionate about GUI development as you, but it does affect me personally.

2 Likes
#3

Your examples don’t really make any sense. Of course the low-res version will be blurry if you scale it up to the full-res size. Show us the actual size of that image.

Though that low-res window title has got something really wrong with it.
image
Looks like one of those sponge mock memes

6 Likes
#4

LOL IKR

Well, I just cropped the area I wanted to show, (so no that’s not resized). As you can see in the image up top, the text and image quality is really blurry and the text shifts for some reason :confused:

1 Like
#5

:scream:

This is terrible

1 Like
#6

It looks like an antialiasing bug that blurs everything you can’t view in at least full resolution.

2 Likes
#7

I believe that the format you upload your image in also counts, try other formats like Jpeg or bmp.

#8

The compression is so bad in some areas, id love for the size cap to be brought up so we can have hd UI without compression

Our UI for Flight! would benefit greatly from this. CC: @The_Frame

#9

I use PNG, I have tried other formats such as Jpeg and bmp, but the results are roughly the same.

It honestly comes down to ROBLOX needing a better scaling system, the only way to get crisp images is to size by pixels which I hate using cause it doesn’t scale properly on all screen sizes.

#10

Can you please provide an RBXMX containing the problematic UI? This looks like a problem with rounding to pixels, and I can’t reproduce it by just messing with text labels locally. This appears to be the Source Sans font, but no perturbations I’ve tried have caused the letters to be so drastically wrong. However, I did notice that the Highway font has garbage hinting.