ShaderMaterial: Extension fragDepth no longer working.

Description of the problem

In the latest version of three.js, the fragDepth extension no longer works.

Here is an example that simply sets the fragment depth in version r110, which works fine:

https://jsfiddle.net/5o9s8kru/

Here is a corresponding example using version r113:

https://jsfiddle.net/5o9s8kru/1/

The relevant shader material is set up as follows:

    var material = new THREE.ShaderMaterial( {
        extensions: {
          fragDepth: true,
        },
        fragmentShader: `
        void main() {
        	gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
          gl_FragDepthEXT = 0.5;
        }
        `,
        vertexShader: `
        void main()	{
            gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0 );
        }`
    } );

In the most recent version, the shader compilation fails with

ERROR: 0:110: 'GL_EXT_frag_depth' : extension is disabled

The error is caused by a typo introduced in https://github.com/mrdoob/three.js/pull/18279, where fragDepth is replaced with frawbuffer:

https://github.com/mrdoob/three.js/pull/18279#discussion_r376431575

Three.js version

• Dev
• r113

Browser

• All of them
• Chrome
• Firefox
• Internet Explorer

OS

• All of them
• Windows
• macOS
• Linux
• Android
• iOS

[Mardonis]

Ok thank you, I will try and look more into this.

[Mugen87]

Do you mean the live examples on threejsfundamentals? Well, I’ve changed one example to import * as THREE from 'https://threejs.org/build/three.module.js'; which means the latest version R113 is now used. I see no warnings after doing this

Also note that this issue only affects custom materials which enable a specific extension. This is not relevant for the examples at threejsfundamentals.