Radial Blur PostProcess Material

Bevman00 · October 3, 2018, 5:29am

I’ve got the material working in a slightly different way using moadib’s code in 4.20.3, here’s the material, and a video workflow: UE4 Tutorial: Radial Blur (Request) - YouTube

Just in case anyone is interested

TouchKey9691 · October 18, 2018, 11:17am

To use “MobileSceneTextureLookup()” instead of “SceneTextureLookup()”.

For Mobile Example:



const float2 ScreenMult = View.ViewSizeAndInvSize.xy * View.BufferSizeAndInvSize.zw;

const int TexIndex = 14;
const float Samples[11] = {-0.08,-0.05,-0.03,-0.02,-0.01,0,0.01,0.02,0.03,0.05,0.08};

float2 dir = float2(0.5,0.5) - ScreenUV;
float4 sum = float4(0.0, 0.0, 0.0, 0.0);
for(int i = 0; i<11; i++)
{
    float2 pos = ScreenUV + dir * Samples* * BlurDist;
    pos = clamp(pos, float2(0.0,0.0), float2(1.0, 1.0));
#if (ES2_PROFILE || ES3_1_PROFILE || MOBILE_EMULATION)
    sum += MobileSceneTextureLookup(Parameters, TexIndex, pos * ScreenMult);
#else
    sum += SceneTextureLookup(pos * ScreenMult, TexIndex, false);
#endif
}

return sum / 11.0;

Works fine

inedible.red · November 2, 2018, 7:14pm

Does any of you have a version of this that just blurs ? With no radial involved

lordi_erez · November 15, 2018, 11:33am

does it work in 4.20, i heard there are problems with hlsl in ue4.20

plangton · December 23, 2018, 2:47pm

I tried your sollution but it doesn’t work on 4.21
is there any change required ?

Anonymous_b10d5e34a1e8222f450bdf4e4e866bb5 · February 4, 2019, 6:44am

I was able to solve right and bottom edges.
Use “ViewportUVToSceneTextureUV”



const float2 ScreenMult = View.ViewSizeAndInvSize.xy * View.BufferSizeAndInvSize.zw;

const int TexIndex = 14;
const float Samples[11] = {-0.08,-0.05,-0.03,-0.02,-0.01,0,0.01,0.02,0.03,0.05,0.08};

float2 dir = float2(0.5,0.5) - ViewportUV;
float4 sum = float4(0.0, 0.0, 0.0, 0.0);
for(int i = 0; i<11; i++)
{
    float2 pos = ViewportUV + dir * Samples* * BlurDist;
    pos = clamp(pos, float2(0.0,0.0), float2(1.0, 1.0));
    sum += SceneTextureLookup(ViewportUVToSceneTextureUV(pos * ScreenMult, TexIndex), TexIndex, false);
}

return sum / 11.0;

Keytotruth · June 16, 2019, 6:27pm

Has anyone managed to get this working on UE4.22?

anonymous_user_ff924593 · July 4, 2019, 3:38pm

Mine still works in 4.22

Custom node code is:


int TexIndex = 14;
float2 dir = ScreenMult * Center - UV + Distortion; 
float4 sum = SceneTextureLookup(ViewportUVToSceneTextureUV(UV,TexIndex), TexIndex, false);
float2 pos = float2(0.0,0.0);
float delta = sampleDist/Samples;
float initial =  Samples/2 * delta;
float currentValue = initial;
for(int i = 0; i<Samples; i++)
{
    pos = UV + dir * currentValue;
    pos = max(min(pos, ScreenMult * float2(1.0, 1.0)), float2(0.0,0.0));
    sum += SceneTextureLookup(ViewportUVToSceneTextureUV(pos,TexIndex), TexIndex, false)* i*2/Samples ;
    currentValue -= delta;
}
sum *= 1.0/((Samples/Gain)+1);
return sum;

Dorian000 · July 13, 2019, 9:27pm

Sorry for the long delay on responding everyone. I didn’t see any notifications via email! I shared a zip of a VR version a while back, don’t remember what engine version it was or if it will still work but here’s the link:
ColorVignette.zip (82.7 KB)

Original_LMoney · August 29, 2019, 5:28am

Does anyone know why it might not work in 4.11? I’ve followed along with the examples I’ve seen here, but…it just doesn’t DO anything. It doesn’t create any errors, it just doesn’t work.

anonymous_user_d3b0eadd1 · January 15, 2021, 4:06am

Works in 4.25

anonymous_user_d3b0eadd1 · January 25, 2021, 8:24am

For those who might need Gaussian blur on the mobile platform, here is the code work in 4.25.


float3 res = 0;

//new - get invSize from here
float2 invSize = View.ViewSizeAndInvSize.zw;

//new - we need to fix uv coordinates like this (still seems to be a bug in 4.21)
uv = ViewportUVToSceneTextureUV(uv,14);

int TexIndex = 14;
float weights] =
{
0.01, 0.02, 0.04, 0.02, 0.01,
0.02, 0.04, 0.08, 0.04, 0.02,
0.04, 0.08, 0.16, 0.08, 0.04,
0.02, 0.04, 0.08, 0.04, 0.02,
0.01, 0.02, 0.04, 0.02, 0.01
};

float offsets] = { -4, -2, 0, 4, 2 };

#if (ES2_PROFILE || ES3_1_PROFILE || MOBILE_EMULATION)
if(Mask <= 0.01) return MobileSceneTextureLookup(Parameters, TexIndex, uv);
#else
if(Mask <= 0.01) return SceneTextureLookup(uv, TexIndex, false);
#endif

uv *= 0.5;
[unroll(10)]for (int i = 0; i < 5; ++i) //add unroll keyword to solve the error. It helps hlsl code to expend when compile.
{
float v = uv.y + offsets* * invSize.y * Mask * BlurStrength;
int temp = i * 5;
for (int j = 0; j < 5; ++j)
{
float u = uv.x + offsets[j] * invSize.x * Mask * BlurStrength;
float2 uvShifted = uv + float2(u, v);
float weight = weights[temp + j];


#if (ES2_PROFILE || ES3_1_PROFILE || MOBILE_EMULATION)
float3 tex = MobileSceneTextureLookup(Parameters, TexIndex, uvShifted); //use MobileSceneTextureLookup function for mobile.
#else
float3 tex = SceneTextureLookup(uvShifted, TexIndex, false);
#endif

res += tex * weight;
}
}

return float4(res, 1);

Anonymous_666a37735f5542b8bfaee9d0e2e763e4 · April 13, 2021, 8:23am

Has anyone managed to get this working on UE4.26?

Vefery · July 22, 2021, 6:38am

Works in 4.26

GeoDraws · October 21, 2021, 3:50am

Here’s a code I found on the youtube video from user CCV334, which works with 4.26 for me:

const float2 ScreenMult = View.ViewSizeAndInvSize.xy * 
View.BufferSizeAndInvSize.zw;

const int TexIndex = 14;
float samples[11] = {-0.08,-0.05,-0.03,-0.02,-0.01,0,0.01,0.02,0.03,0.05,0.08};

float2 dir = float2(0.5,0.5) - ScreenUV; 
float4 sum = float4(0.0, 0.0, 0.0, 0.0);
for(int i = 0; i<11; i++)
{
    float2 pos = ScreenUV + dir * samples[i] * BlurDist;
    pos = clamp(pos, float2(0.0, 0.0), float2(1.0, 1.0));
    sum += SceneTextureLookup(pos * ScreenMult, TexIndex, false);
}
return sum / 11.0;

Asgard855 · April 28, 2022, 10:51am

Hi guys, does anyone know why my blur material stretches the viewport?
I used the same material in UE4.7 and it worked but in ue5 i get that effect.

Here’s the screenshot and shader setup including the code i’m using:

const float2 ScreenMult = View.ViewSizeAndInvSize.xy * View.BufferSizeAndInvSize.zw;

const int TexIndex = 14;
const float Samples[11] = {-0.08,-0.05,-0.03,-0.02,-0.01,0,0.01,0.02,0.03,0.05,0.08};

float2 dir = float2(0.5,0.5) - ScreenUV;
float4 sum = float4(0.0, 0.0, 0.0, 0.0);
for(int i = 0; i<11; i++)
{
float2 pos = ScreenUV + dir * Samples[i] * Blur;
pos = clamp(pos, float2(0.0,0.0), float2(1.0, 1.0));
sum += SceneTextureLookup(pos * ScreenMult, TexIndex, false);
}

return sum / 11.0;

sazonovfx · May 4, 2022, 5:06pm

Same issue here
I think it somehow related to screen percentage but I can’t figure out how to fix it

Faptdivers · May 30, 2022, 8:53pm

Bumping this as well, as I can’t seem to figure out what is breaking the HLSL code.

DotBow · June 4, 2022, 4:09pm

@Asgard855 @sazonovfx

Hi!

Use ViewportUVToSceneTextureUV(pos,TexIndex) instead of pos * ScreenMult

const int TexIndex = 14;
float samples[11] = {-0.08,-0.05,-0.03,-0.02,-0.01,0,0.01,0.02,0.03,0.05,0.08};

float2 dir = float2(0.5,0.5) - ScreenUV; 
float4 sum = float4(0.0, 0.0, 0.0, 0.0);
for(int i = 0; i<11; i++)
{
    float2 pos = ScreenUV + dir * samples[i] * BlurDist;
    pos = clamp(pos, float2(0.0, 0.0), float2(1.0, 1.0));
    sum += SceneTextureLookup(ViewportUVToSceneTextureUV(pos,TexIndex), TexIndex, false);
}
return sum / 11.0;

Asgard855 · June 4, 2022, 5:44pm

Hey man,

I’ve replaced the code and i got the error, what’s the issue ?