Forums | NoesisGUI

Hey Noesis Forum!

We're looking to add an effect where in a UI element that has semi-transparency, it also blurs the game screen behind it.

I know Noesis studio has the blureffect but this isn't creating the desired effect when used in engine.

The closet I can replicate for example is below; where the square has 1% opacity on a white fill with the figma blur effect applied.

Is this something we can do in noesis or will it need render support from our render team?

Thanks as always!

Hey there,
You can check our Paradigm sample for that acrylic effect you're looking for (The sample is provided with the Studio).

If you open the sample, you can go to the MainMenuGrid in the Navigator panel, and you will find three borders used to create the effect. MainNoiseBorder has a subtle noise effect, MainTransparencyBorder adds the color with a transparency, and MainEffectBorder has a BlurEffectBehavior for the blurring (you can check the values in Interactivity Panel > Behaviors tab ).
Hope this helps.

Hey Florens!

This is perfect! I'll need to test it with some bindings for our game but this should help!!