Blur the sky material with an equirectangular texture instead of skybox texture

Hi,
I am trying to create a similar effect to this:
https://playground.babylonjs.com/#UU7RQ#4261

I want to blur the sky environment map using the “material.microSurface” technique.
and an equirectangular texture map.

I know that there is a "BABYLON.Texture.EQUIRECTANGULAR_MODE;

but I’ve been unable to find any examples of the effect being done this way.

Thanks for any help,

sigma7zero

This is as far as I got, but it doesn’t work.
The environment map doesn’t blur - it just gets darker:

The SKYBOX_MODE projection type + cube map reflection texture use a slightly different code path than other types of projection.

You can simulate it by:

  • disabling radiance occlusion (skyboxMaterial.useRadianceOcclusion = false)
  • setting a value greater than 0 for reflectionTexture.lodGenerationScale

For eg:

Thanks,

It definitely works for the blur effect, but the image is still darker, i.e. not the correct brightness / gamma.

Added this, but not much changed …
skyboxMaterial.emissiveTexture = texture;
skyboxMaterial.emissiveIntensity = 1.0;

Revision:

FIXED IT …
Just used texture.level = 2.0;

Thanks for the help.

3 Likes