OutlinePass v0.144.0 not working

OutlinePass throws an error

I’ve been pulling my hair out trying to figure out why OutlinePass was not working. Downgrading from 0.144.0 to 0.143.0 seems to fix it.

I followed the example in examples/webgl_postprocessing_outline.html exactly but it would not work. I kept getting this error:

three.module.js:18762 THREE.WebGLProgram: Shader Error 0 - VALIDATE_STATUS false

Program Info Log: Vertex shader is not compiled.
�
VERTEX

ERROR: 0:156: 'worldPosition' : undeclared identifier
ERROR: 0:156: '=' : dimension mismatch
ERROR: 0:156: 'assign' : cannot convert from 'highp 4X4 matrix of float' to 'out highp 4-component vector of float'
�

  151: 	#endif
  152: 	worldPosition = modelMatrix * worldPosition;
  153: #endif
  154: 
  155: 					vPosition = mvPosition;
> 156: 					projTexCoord = textureMatrix * worldPosition;
  157: 
  158: 				}

To Reproduce

Steps to reproduce the behavior:

1. npm install three
2. follow outline example from github.com/mrdoob/three.js/blob/dev/examples/webgl_postprocessing_outline.html
3. OutlinePass shouldn’t work and the aforementioned error should be in console.

Code

github.com/mrdoob/three.js/blob/dev/examples/webgl_postprocessing_outline.html

Screenshots

Platform:

• Device: [Desktop]
• OS: [MacOS]
• Browser: [Chrome]
• Three.js version: [dev, r0.144.0]

[isimonsm]

@jedhelmers Yes, it still casts a shadow, unfortunately. Though I assume that the directional light casting a shadow is the reason it fixes the issue in the first place. Thanks for the suggestion though!

[zhouchengshi]

The following code must be added to work properly:

    renderer.shadowMap.enabled = true;
    const light = new THREE.DirectionalLight( 0xddffdd, 0.6 );
    light.castShadow = true;
    scene.add(light);