Method to Blur GUI?

[MightyDantheman (Fate)]

Is there method for blurring UI? There seems to be a way to use BillboardGui to do it (haven’t tested it yet), though I’d like to do it with regular ScreenGui if possible.

I know it’s technically possible as Roblox does it itself with its beta esc menu, but I’m not sure if there’s way to do it normally.

Example of Roblox’s Beta Esc Menu Using UI Blur:

[BuilderBob25620 (BuilderBob)]

This has been suggested here

Blur Effects for UI Elements

As a Roblox developer, it is currently impossible to be able to blur images (UI related) and to use UI elements that blur anything that is behind it. Elaboration Allow me to elaborate on what I mean. I am asking for two features: Image Blur and UI Blur. I strongly believe UIs need more attention. They need to be able to create things that CSS elements can. Right now, there is no way to blur an image that is part of the UI. [Blur] This is currently not possible. It is also not possible to …

here

Incorporate Translucency

The title says it all. I would love if ROBLOX could incorporate translucency into GUIs, decals, etc. [image] You can see on the battlefield 1 menu, on the sidebar where you select your weapons, it has a translucent effect. It would be amazing to see that arrive on ROBLOX, and would make games feel more developed. I was messing around with translucency with HTML, and it looks quite amazing. Here is another example. [image] Is it possible to do? I’m not familiar with .lua, so I don’t know …

here

A few useful gui options to make beautiful interfaces

So, I have a few ideas for guis that could really help games look very, VERY nice. My ideas consist of the following: A blur property on gui objects. This would be very useful because it would allow developers to have a sort of clouded glass look to their guis. It looks really nice on iOS and I feel like developers here could use it very well to create amazing interfaces. Also, transparency would tint the blur effect, so if an object is white and 100% transparent it would just blur one part of…

and here.

Blur behind UI elements

As a Roblox developer, it is currently too hard to put a blur behind a UI element. I’ll be a little clearer, what I am wanting to accomplish is not blurring a UI element itself, but rather blurring a portion of the main viewport located between two Vector2 values. This would allow us, as developers to do something like this: [image] To make this even simpler, it would be even better if, in a UI element, there is a box we can check called, for example, “BlurViewport”, which would automaticall…

However, it has not been implemented in any way accessible to developers yet. Do not give up hope though. I found a post that aims to achieve a similar effect below.

How would I use a blur with GUI elements?

At the moment with the BlurEffect it is impossible to blur just one region of the screen. Prior to having the blur effect, people were using neon parts which snapped to the camera’s view to create a similar effect. It’s not It wasn’t a perfect blur, but in The Conquerors 3 you can see used to be able to see BrokenBone’s lobby looks like it has looked like it had blurred GUI elements. He is was using a Module3D script to lock a neon part to the screen to fill a space. I have personally never use…

[MightyDantheman (Fate)]

I’m not sure if this is what Roblox does, but it seems that SurfaceGui abides by the BlurEffect. Sorry for the 7 month late reply (randomly got a notification for this thread just now).

[BuilderBob25620 (BuilderBob)]

What do you mean “abides by”? Can you provide a screenshot explaining what you mean?

[MightyDantheman (Fate)]

Sadly it seems that unless AlwaysOnTop is enabled, it won’t intractable at all.
But I assume if you’re blurring it, you probably don’t want to interact with it anyway.
I created a 3D Gui system just for this I guess.

[BuilderBob25620 (BuilderBob)]

OH! You meant a SurfaceGui | Roblox Creator Documentation. I didn’t catch that at first. Yes, stuff in/on the surface gui it will be blurred along with everything else in the 3D space.

[PersonifiedPizza]

@MightyDantheman

I’m not sure if this is what Roblox does, but it seems that SurfaceGui abides by the BlurEffect.

It’s (very probably) not. (There would need to be stuff in Workspace.) The core GUI has access to API developers don’t, so not everything it does is possible for developers yet.

Edit:

@MightyDantheman

Actually, it only needs to be in the PlayerGui. I thought the same until I found out accidentally that anything in BasePart in the PlayerGui will be rendered as though it were in the workspace apparently. All I can say is that it just works.

Are you sure? I tested this and the game stopped stopped rendering the BasePart once it was moved to PlayerGui. Are you thinking of SurfaceGuis with the Adornee property set?

Edit:

@Jumpathy

Just to follow up I was curious and I wanted to find out how they used it, so I discovered the property for it is ‘OnTopOfCoreBlur’. It’s a hidden property that has no documentation, can’t figure out how it works even with elevated security.

Yeah. I assume that property makes UI not be blurred by the core gui’s blur (for example, in the OP’s post the ScreenGui with all of the controls would probably have this property set to true) (I think for this to have a noticeable effect the ScreenGui would need to have a similar zindex to the CoreGui, otherwise it would be covered).

I can’t find the API that blurs it either. The only other thing I could find was this:

https://developer.roblox.com/en-us/api-reference/property/GuiService/CoreEffectFolder

[MightyDantheman (Fate)]

Actually, it only needs to be in the PlayerGui. I thought the same until I found out accidentally that anything in BasePart in the PlayerGui will be rendered as though it were in the workspace apparently. All I can say is that it just works.

[Jumpathy (tyler)]

Just to follow up I was curious and I wanted to find out how they used it, so I discovered the property for it is ‘OnTopOfCoreBlur’. It’s a hidden property that has no documentation, can’t figure out how it works even with elevated security.