No blur on cubemap and no textures for cubemap

I’m trying to use cubemap as a background and I can load it successfully on playcanvas engine.

However, I can’t get rid of the blurred effect and also not possible to load textures for the cubemap.

        var hdr = {
        name: 'hdr',
        ddsPath: `../assets/cubemaps/`,
        textures: [

        var textures =, i) {
            var asset = new pc.Asset( '-' + i, 'texture', { url: v });

        app.scene.ambientLight = new pc.Color(0.2, 0.2, 0.2);

        // set up some general scene rendering properties
        app.scene.gammaCorrection = pc.GAMMA_SRGB;
        app.scene.toneMapping = pc.TONEMAP_ACES;

        // setup skydome
        // app.scene.skyboxMip = 0;        // use top mipmap level of cubemap (full resolution)
        app.scene.skyboxIntensity = 2;  // make it brighter

        // Load a cubemap asset. This DDS file was 'prefiltered' in the PlayCanvas Editor and then downloaded.
        var cubemapAsset = new pc.Asset('', 'cubemap', {
            url: "../assets/cubemaps/"
        }, {
            anisotropy: 1,
            minFilter: 5,
            type: pc.TEXTURETYPE_RGBM,
            textures: textures
        cubemapAsset.ready(function () {

Is there anything I missed?

This code used to work on an old 1.2.x version… but not working anymore with 1.4.x version.


@slimbuck would likely know

Hi @sooyong_Kim,

Are you able to share either your project with me or the textures you’re using? Without either of these it’s difficult to know what the problem might be.