Blur effect material

[DimaOrdenov]

Hi!

I am trying to implement blur effect with a material.
Here is my mat file:

material {
    name : blurredColor,
    shadingModel : lit,
    refractionMode : screenspace,
    refractionType : thin,
    parameters : [
        {
            type : float3,
            name : color
        }
    ],
    depthWrite : true
}

fragment {
    void material(inout MaterialInputs material) {
        prepareMaterial(material);

        material.baseColor.rgb = vec3(0.5, 0.5, 0.5);
        material.roughness = 0.05;
        material.metallic = 0.05;
        material.transmission = 1.0;
        material.ior = 1.5;
        material.microThickness = 0.01;
        material.reflectance = 0.0;
    }
}

Expected result
Some simple geometry, for example, plane or circle should be gray colored with some blur effect.

Actual result
Geometry is just gray. No refraction or anything like that.

Some additional info:

• I am using it with ortho camera projection
• I've went through Filament Materials Guide
• I don't have any light on a scene, I don't need any glares (metal-like surfaces) or real-world rendering with shadows etc.

Looking forward for any assistance on this one please!

[pixelflinger]

It would be helpful to get screenshots.

For getting a blurring effect you probably need a roughness value much higher than 0.05. If I remember correctly, thin cannot generate blurring, you might need the other modes.

Also make sure you've called View::setScreenSpaceReflectionsOptions

And finally, I'm not sure this is working with ortho; I know if we haven't tested this case.

[DimaOrdenov]

Hi @pixelflinger and thanks for your response!

The effect which I am trying to achieve showed here:

I'll try your suggestions and come back to you with my experiments. Also, I'll try to change camera projection to perspective.

[DimaOrdenov]

Hi @pixelflinger
I've made some kind of glass/lens effect, but no the blurry one. I've played with roughness, thickness, reflectance, transmission and ior. And I've turned on screen space reflections also. I've tested with perspective projection.
The final mat file looks like this:

Mat file

material {
    name : blurred,
    shadingModel : lit,
    refractionMode : screenspace,
    blending : transparent,
    parameters : [
        {
            type : float3,
            name : color
        },
        {
            type : float,
            name : alpha
        },
        {
            type : float,
            name : roughness
        },
        {
            type : float,
            name : thickness
        },
        {
            type : float,
            name : reflectance
        },
        {
            type : float,
            name : transmission
        },
        {
            type : float,
            name : ior
        }
    ]
}

fragment {
    void material(inout MaterialInputs material) {
        prepareMaterial(material);

        material.baseColor.rgb = materialParams.color;
        material.baseColor.a = materialParams.alpha;
        material.roughness = materialParams.roughness;
        material.thickness = materialParams.thickness;
        material.reflectance = materialParams.reflectance;
        material.transmission = materialParams.transmission;
        material.ior = materialParams.ior;
    }
}

I've also found some guide how to achieve box/gaussian blur effect using shaders.
Is it possible to do something like this in filament?