UI Acrylic Glass/Postprocessing blur on CanvasGroups + images

As a Roblox developer, it’s currently impossible to create UI Acrylic.

UI Acrylic is currently impossible and unsupported by the Roblox engine.
For anybody wondering:

This is UI Acrylic for people who dont know.


This looks amazing for all UI, it’s crazy we still do not have this.

One possible workaround is using a module from 2015 to create four parts closely to the back of a semi transparent UI frame and using DoF to create this:

It works with UICorners and tweening works totally fine @ 60+ FPS.

Use Cases:

  • Better readability for transparent frames
  • Better looking UI all around
  • More customization

Back in 2019 we essentially got “no because it hurts low end phones too much”. Nowadays this is a totally unreasonable excuse because both Android and iPhone have great chips even on the budget side. Running Roblox on a $300 Android is totally possible and works well in most games.

Ideas for it:

  • It could be a property of frames/CanvasGroups or another instance (UIBlurEffect) which you add to an ImageLabel, Frame, or CanvasGroup.
  • You can control the strength of it

If Roblox is able to address this issue, it would improve my development experience because we would be able to create Acrylic backgrounds, making all UI in general look better.

62 Likes

What are you trying to demonstrate here? If this doesn’t achieve the desired effect, why is it a solution?

It would not make it easier, in practice it’s the same thing.

2 Likes

Some people have managed to make it look good, but I cant replicate it no matter what I do.

I will remove that

2 Likes

Needed to bump this. This is a really desirable effect to have for UI. The Acrylic Glass effect in UI is a beautiful and underrated effect that most people just take for granted, and a feature that roblox has been lacking for awhile now.

Having this in roblox would open up doors for more UI design work on roblox, and would honestly make transparency-based UI look really nice in games, and even plugin UI.



This is a feature I have been needing in roblox for many years.

27 Likes

Bump. We still don’t have a nice and proper way of doing this without issues or artefacts or using DepthOfField. This is still a very useful and needed UI effect that we would all love to see!

7 Likes

css can do it in mobile so it’s possible

2 Likes

Bump.

This would be a unique feature without having to use expensive a work around.

Currently as it stands, we have to use an expensive lighting feature to achieve this desired effect.

4 Likes

Bump
Need this so bad and wouldn’t affect mobile performance that much tbh

2 Likes

Gonna point out that “no because it hurts low end phones too much” was used as an excuse back in 2019. Literally all relatively modern phones run great and it should not be up to Roblox to decide how we optimize our games with a feature like this or UI postprocessing effects. That was used an excuse 5 years ago now believe it or not - it’s time for a change. I’ll update the post soon to not be 2 years old

5 Likes

now they can’t use any excuses since they brought future lighting to android

4 Likes

Ui Blur or Ui Acrylic Glass won’t hurt iOS and iPadOS devices, they have been using blur on there for years and it would be nice if Roblox finally adds that kind of option on Roblox user interfaces.

5 Likes

bumping this. this would be a great feature for UI designers!

5 Likes

I guess we need a UI Quality slider now :skull:, if roblox want to support old high end devices from 2009

2 Likes