Square Background Effect

How do i make this effect? I’m so confused.

7 Likes

Uh is it supposed to be just a blank black image?

You made it so dark that it’s barely visible

It’s from a game, not mine. I just want to know how they did it

Is it a UI or an image? Or just an effect as you mentioned?

I’m not sure, I just like the square pattern in the background and would like to know how to recreate it

A tiling ImageLabel with a UIGradient that blends the dots in with the background as they approach the corner?

my red attempt

1 Like

Woah thats really good, do you know where to find any textures like that? I’m a programmer at heart.

1 Like

I made a 4x4 image of a centered 2x2 white square on a transparent background in paint.net. I selected the Pixelated ResamplerMode so it’d scale without blurring.

1 Like

mine did this i am quite dumb though

1 Like

You’re pretty close already. The ImageLabel has a default white background like most UI objects. If you want to fade the dots, you may want to use a Frame for the background and put the ImageLabel under it (with a transparent background). If you don’t, the background of the ImageLabel will also have the gradient applied.

2 Likes

Thats what I did, when i made the imagelabel background transparent it all dissapeared and i couldnt change the dot colour, and its extremely blurry

1 Like

no clue what ive done

3 Likes

If it helps, here’s a model of my attempt:
dotted-test.rbxm (5.6 KB)

Is the original image blurry?

4 Likes

appreciated. im not good at ui, just doing some solo dev work

2 Likes

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