Image button becomes pixelated when rotated

i scripted the rotation of my image button via the Rotation property but it goes all pixelated when it starts rotating.

the image’s dimensions are 264 x 91. if anyone knows why this is happening and how to fix it, i would greatly appreciate it thanks! :slight_smile:

b6f299cd6944fc5f20835b2b8e88be42

well a diagonal line can’t be perfectly smooth on a display!

it’s shown on pixels, and on an average setup, you will be able to see some “jagged” lines.

pretty much every single game (including roblox!) uses something called anti-aliasing! if you want a bad summary, it basically “blurs the jaggedness”. i suggest reading on the topic!

image

unfortunately, there is no anti-aliasing or “magic-fix” for roblox UI.

searching for other topics, i scrolled onto this one which might have some solutions on making it look a little better.

good luck! :wink:

3 Likes

dang, thanks a million harley!!

i actually worked with anti-aliasing a lot before so i was very familiar and tried something based on what u said.

i left some transparent space around my image as i didn’t have space around it before and it worked like a charm. you’re an absolute legend harley, ty 4 helping me out. :slight_smile: :heart_hands:

for anyone else that is stuck, leave some transparent space around all the edges like this:

NOT like this:

the result:
12550d80580a4c0fb5cea8f2441d46eb

2 Likes

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