Blur UI element

Development Programming & Scripting UI
, , , , , , ,
1

Hi all,

I’ve been trying to make a blur effect on HUD elements in UMG. I have experminted with making materials and applying them to the Images/Borders that I have created inside UMG and have had no success. I’m looking to create an effect similar to the UI in the new Star Wars Battlefront (http://i.imgur.com/Zs7wXeJ.jpg).

I have tried replicating this graph, even setting the material domain to post process and selecting before tonemapping: So Blurred glass material is impossible in Unreal Engine 4? - Rendering - Unreal Engine Forums

I would love to have a material that I can apply to elements inside UMG which blurs the background similar to Star Wars Battlefront. I believe I must be missing a step as I was getting an error inside the material saying the material domain can’t be set as post process and it should be set as Surface?

This is an image of what I have created from looking at the post shown: Screenshot - 8ae388822885a54ab66a2f1faeacebee - Gyazo

Thanks all for any suggestions or answers you may have, much appreciated.

2

UMG (or rether Slate which powers UMG) can’t grab scene pixels for shaders to progres, scene data is simply not there anymore as i guess scene render is already complete when widgets are added to the screen.

I think good work around is to create custom post process material, which will blur fragments of screen under where UI will be (you seem to already thinking that way, you just still trying to do so in UMG :slight_smile: and apply it as normal post processing

You might try to make your post process material more interactive and make widget code to manipulate it depending on widget postions