Is there a way to make a GUI Frame into a neon?

As the title states, I want to achieve a GUI Frame having the same neon effect as this block for example:

image

(I need to use it to make a audio responsive GUI, and when the bass drops they turn into neon and change colors and sizes etc.)

Any help is appreciated! :slight_smile:

You could try using an image that simulates bloom, then change its color through a script. You could then do all the audio responsiveness stuff with tweening.

I’ve already got the audio response and colors sorted, I just need to make it neon.

At that point, its really just setting your color to the brightest possible and simulating the bloom with a semitransparent ImageLabel.

Alright, I will try that and get right back with you.

image

Could this work? I chose it to be white so that I can choose whatever color I want on it.

You’d need some sort of blur effect, that’s just a white image at the moment. You know the Bloom that neon has in game? The little glow that the part has around it? You’d want to simulate that.

Hmmm, what if I use a viewport frame, make a part that’s neon, and make it zoom super close to the neon part to make it seem neon-ish if you know what I mean. That’s probably a good idea.

Doesn’t seem like it’d be very performant to me. You can easily recreate blur in a program like photoshop, just make sure your background is transparent.

Ahh, I see what you mean, put a blur effect over the bright color, should create a neon illusion. Will try that!

image

That’s what I got closest to, does it look good? (I’m bad at art, I’m just a scripter) Anyway though. I think it looks good. Thank you for assistance! I’ll mark your answer as the solution. c:

Not bad! Looks really nice! Glad I was able to help.

1 Like

There’s an Instance on roblox called ViewportFrame.

This instance is able to render 3D objects via the Camera instance.

If you make the camera focus on a Neon part, then you can recreate the style of Neon on a Frame.

Hope this helped by the way!

1 Like