Adding blur to skybox


Can I add blur on the skybox in the scene? I could do that in some image editor and then load those textures, but I wonder if there is some simple approach to do that in the code.


You can do this by tweaking the roughness/microSurface value of the skybox material.
This definitely works with .dds, .env and .hdr textures for the environment.

1 Like

That kinda helps me. Thank you

    var hdrTexture = new BABYLON.CubeTexture("/skyboxes/dds/", scene);
    var blur = .08; //.1 is totally blurry. .01 is not blurry at all
    var myskybox = scene.createDefaultSkybox(hdrTexture, true, 10000, blur);
1 Like