MeshPhysicalMaterial with R145 and later

MrBodean · January 20, 2023, 7:15am

I have run into an issue with MeshPhsicalMaterial after R144. I was updating to 147 and tracked back it started in 145. It came down to having a transmission setting greater than 0. If I set it to anything above that it fails with a shader error. All else seems to work fine, but now I cant do glass and other such things with the error.

I am using standard es5 code with three.js not module. The error in console is this

THREE.WebGLProgram: Shader Error 1282 - VALIDATE_STATUS false

Program Info Log: Fragment shader is not compiled.


FRAGMENT

ERROR: 0:885: 'isinf' : no matching overloaded function found
ERROR: 0:885: '' : boolean expression expected


  880: 		#else
  881: 			return texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );
  882: 		#endif
  883: 	}
  884: 	vec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {
> 885: 		if ( isinf( attenuationDistance ) ) {
  886: 			return radiance;
  887: 		} else {
  888: 			vec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;
  889: 			vec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );			return transmittance * radiance;
  890: 		}
  891: 	}
THREE.WebGLProgram: Shader Error 1282 - VALIDATE_STATUS false

Program Info Log: Fragment shader is not compiled.


FRAGMENT

ERROR: 0:886: 'isinf' : no matching overloaded function found
ERROR: 0:886: '' : boolean expression expected


  881: 		#else
  882: 			return texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );
  883: 		#endif
  884: 	}
  885: 	vec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {
> 886: 		if ( isinf( attenuationDistance ) ) {
  887: 			return radiance;
  888: 		} else {
  889: 			vec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;
  890: 			vec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );			return transmittance * radiance;
  891: 		}
  892: 	}
THREE.WebGLProgram: Shader Error 1282 - VALIDATE_STATUS false

Program Info Log: Fragment shader is not compiled.


FRAGMENT

ERROR: 0:885: 'isinf' : no matching overloaded function found
ERROR: 0:885: '' : boolean expression expected


  880: 		#else
  881: 			return texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod );
  882: 		#endif
  883: 	}
  884: 	vec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) {
> 885: 		if ( isinf( attenuationDistance ) ) {
  886: 			return radiance;
  887: 		} else {
  888: 			vec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance;
  889: 			vec3 transmittance = exp( - attenuationCoefficient * transmissionDistance );			return transmittance * radiance;
  890: 		}
  891: 	}

Is the Shader code for Physical in the main three js file or external?

this is the code I use

 		   	 	var GlassnormalMap = loader.load("content/glass/normal.jpg");
	   	    	if (IVS_normalMap[num])
	    			 GlassnormalMap = IVS_normalMap[num];
 				Object_Material[num] = new THREE.MeshPhysicalMaterial({
    				color: shinecolor,

    				metalness: metalness,
    				roughness: roughness,
    				opacity: Object_Opacity,
    				thickness: 6,
    				clearcoat: 1,
    				clearcoatRoughness:  0.1,
     				clearcoatNormalScale: new THREE.Vector2(0.2),
   					reflectivity: envmap,
    				transparent : true, 
     				envMap: envmapimage,
    				envMapIntensity: envmap,
    				normalScale: new THREE.Vector2( normalscale, normalscale ),   
    				normalMap: GlassnormalMap,
    				ior: 1.8,
        				clearcoatNormalMap: GlassnormalMap,
				transmission: transmission,
/*
error on transmission
 */
 
   				});

As I said it works just fine up to 145 but then I get these errors when I set transmission

Any ideas?

Jeff

Mugen87 · January 20, 2023, 9:42am

I guess this topic is a duplicate of:

github.com/mrdoob/three.js

PBR fragment shader not compiled in > r144 for glass demo

opened 05:40PM - 11 Jan 23 UTC

closed 07:03PM - 11 Jan 23 UTC

andreasplesch

Help (please use the forum)

### Description Updating this popular glass tutorial https://tympanus.net/codr…ops/2021/10/27/creating-the-effect-of-transparent-glass-and-plastic-in-three-js/ to latest Threejs, I noticed that the fragment shader could not be compiled with versions > r144. The error message is: ``` THREE.WebGLProgram: Shader Error 0 - VALIDATE_STATUS false Program Info Log: Fragment shader is not compiled. FRAGMENT ERROR: 0:882: 'isinf' : no matching overloaded function found ERROR: 0:882: '' : boolean expression expected 877: #else 878: return texture2D( transmissionSamplerMap, fragCoord.xy, framebufferLod ); 879: #endif 880: } 881: vec3 applyVolumeAttenuation( const in vec3 radiance, const in float transmissionDistance, const in vec3 attenuationColor, const in float attenuationDistance ) { > 882: if ( isinf( attenuationDistance ) ) { 883: return radiance; 884: } else { 885: vec3 attenuationCoefficient = -log( attenuationColor ) / attenuationDistance; 886: vec3 transmittance = exp( - attenuationCoefficient * transmissionDistance ); return transmittance * radiance; 887: } 888: } ``` isinf() is not available. It still works with < r144, eg. could be a regression or a problem with the scene or packaging which was surfaced. not working: https://codesandbox.io/s/glass-r145-p93p77 working: https://codesandbox.io/s/glass-r144-21ngqn Here is the git blame page for the perhaps problematic shader line: https://github.com/mrdoob/three.js/blame/c08bcce99a34a0668a96a2e75bb262e74bae7b64/src/renderers/shaders/ShaderChunk/transmission_pars_fragment.glsl.js#L74 tested on Linux, latest Chrome, QuadroP4000 and on Windows10, latest Chrome, Intel Laptop gfx ### Reproduction steps 1. https://codesandbox.io/s/glass-r145-p93p77 2. look at console, notice error 3. compare with https://codesandbox.io/s/glass-r144-21ngqn ### Code ```js new MeshPhysicalMaterial() ``` ### Live example * [code sandbox r148 not working](https://codesandbox.io/s/glass-r148-4t2jee) * [code sandbox r145 not working](https://codesandbox.io/s/glass-r145-p93p77) * [code sandbox r144 working](https://codesandbox.io/s/glass-r144-21ngqn) ### Screenshots _No response_ ### Version r148 ### Device Desktop ### Browser _No response_ ### OS Windows, Linux

MrBodean · January 20, 2023, 5:28pm

well still seems to be an issue, but not sure if a fix has been found. The reason I was using webgl1 is that there is a bug in chrome on the MAC that does the following to some objects

The issue would work if I did this on MACs using Chrome
IVS_Renderer = new THREE.WebGL1Renderer( {antialias:true,alpha: true,preserveDrawingBuffer: true , logarithmicDepthBuffer: false } );

but now that same line is what crashes the shader for glass and transmission

so I guess this is a google issue to fix, unless someone knows of another way

Topic		Replies	Views
In rev.151 examples the file /materials-physical-transmission has errors Questions pbr	4	537	April 16, 2023
Transmission \| MeshPhysicalMaterial \| does not work Questions materials , pbr	12	3991	October 25, 2021
Upgrading three.js from 131 to 132 causes error in fragment shader for ShaderMaterial Questions shaders	6	4440	September 11, 2021
MeshPhysicalMaterial version 133 and version 155 difference Questions materials	4	355	September 20, 2023
Shader Error 0 - VALIDATE_STATUS false Questions materials	3	859	June 25, 2023

MeshPhysicalMaterial with R145 and later

Related Topics