Loading .env texture from input gives error "ERR_INVALID_URL"

Questions
1

Hi
when i try to load .env file it gives me err_invalid_url" for 6 cubemap images. here is the code

 const reader = new FileReader();
  reader.readAsDataURL(EnvFile);
  reader.onload = function () {
    const dataURL = reader.result;
    const envTexture = new BABYLON.CubeTexture(dataURL, scene);
    scene.createDefaultSkybox(envTexture, true, 10000);
  };

image

but when i try to load it though a link it works fine

Thanks for the help

2

Can you try to set the forcedExtension parameter of the CubeTexture constructor to “.env” in your code ?

Or the system will no be able to recognize it has to use the env loader.

1 Like
3

Thanks @sebavan, this worked
This also solved my issue here:

      BABYLON.EnvironmentTextureTools.CreateEnvTextureAsync(cubeTexture)
        .then((buffer) => {
          var blob = new Blob([buffer], { type: "octet/stream" });
          var reader = new FileReader();
          reader.onload = function (evt) {
            var dataurl = evt.target.result;
            const envTexture = new BABYLON.CubeTexture(
              dataurl,
              scene,
              undefined,
              false,
              undefined,
              undefined,
              undefined,
              undefined,
              undefined,
              ".env"
            );
            scene.createDefaultSkybox(envTexture, true, 10000);
          };
          reader.readAsDataURL(blob);
1 Like