Resolution Problem

Hello! I created a crosshair for my game, but when I change the resolution it becomes distorted like this:

Original:

Other resolution:
image

I even used UIAspectRatio, but it didn’t work.

NOTE: I translated this using G##gle Translate, so my English is a bit rusty.
NOTE 2: THEY ARE FRAMES!!!

Is it an image or just frames?

Use images. Bc frames don’t have soemthing called “anti-aliasing” which makes it smoother.

1 Like

The delta between the image size in your photo editor and the size of the Roblox window is what’s causing this. I recommend working in a 1920×1080 canvas, and in Roblox, click on device preview and select that same resolution. Now all you need to do is make sure image size is always in sync, apply the scaling, and you’re good to go

Also, it is important to make sure the image is cropped to the boundaries when exporting!!

1 Like

If your using the scale of the size Udim2, you need to change how it scales, via the SizeConstraint property, because your likely not changing the resolution the same amount in all directions. It should be set to XX or YY OR use the offset of the size Udim2, so its based on pixels, and not screen percentage.

1 Like

it’s frames

´´´´´´´´´´´´´´´´´´´´´´´´´´´´´

note 2 wasn’t there when I commented.

Make it images. There’s no other way.

It is definitely doable with frames, and I would recommend using frames instead. Im fairly certain its a SizeConstraint issue.