THREE.WebGLProgram Shader Error because of defined v1 constant

Question

I am using Three.js and I am loading an HDR as an environment map for the scene. Upon loading, I receive this error:

The line in questions is this:

I am assuming that the defined v1 causes an issue in this line because it is not undefined.

I am loading the HDR map like this:

      return new Promise((resolve, reject) => {
        new RGBELoader()
          .setDataType(THREE.HalfFloatType)
          .load(
            path, // <-- hdr file
            (texture) => {
              // I tried fromEquirectangular and fromCubemap
              // const envMap = this.pmremGenerator.fromEquirectangular(texture).texture;
              const envMap = this.pmremGenerator.fromCubemap(texture).texture;
              texture.needsUpdate = true;
    
              resolve({ envMap });
            },
            undefined,
            reject
          );
        });

Does anyone know what is causing this issue in THREE?

Mugen87 · Accepted Answer · 2022-01-04 16:09:20Z

2

const envMap = this.pmremGenerator.fromCubemap(texture).texture;

I doubt this method call is correct. RGBELoader can not load textures in the cube map format. You probably want to use fromEquirectangular(). Before using this method, you need this line in your onLoad() callback:

texture.mapping = THREE.EquirectangularReflectionMapping;

Besides, please check if the usage of PMREMGenerator is actually necessary in your app. In latest releases, three.js internally uses PMREMGenerator to prepare environment maps for the usage with PBR materials.

edited Jan 4, 2022 at 16:09

answered Jan 4, 2022 at 15:01

Mugen87

31.2k4 gold badges34 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

HelloWorld Over a year ago

Thanks for the comment. I also tried fromEquirectangular with the same error but haven't tried the THREE.EquirectangularReflectionMapping constant yet. I will try that

HelloWorld Over a year ago

That indeed worked! And I could remove pmremGenerator as well

Collectives™ on Stack Overflow

THREE.WebGLProgram Shader Error because of defined v1 constant

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related