After migration from version 0.92.0 to 0.130.0 object materials looks different!

CraigD · August 13, 2021, 2:48pm

After migration from version 0.92.0 to 0.130.0 object looks different regarding the material.

It looks like metalness, Roughness, etc are not being applied correctly regarding the renderer.

Is there any overarching concept that I need to be aware of ?

this is my current general configuration

renderer.shadowMap.enabled = true
renderer.shadowMap.type = THREE.PCFSoftShadowMap
renderer.toneMappingExposure = 0.75
renderer.outputEncoding = THREE.sRGBEncoding
renderer.gammaFactor = 2.2

Any help would be greatly appreciated

donmccurdy · August 13, 2021, 3:05pm

That is several years of updates, are you able to narrow it down any more?

CraigD · August 13, 2021, 3:29pm

yes a big jump in versions and tricky to narrow down… I’m trying!

CraigD · August 14, 2021, 10:11am

This was our original setup in 0.92.0

renderer.physicallyCorrectLights = true

renderer.shadowMap.enabled = true

renderer.shadowMap.type = THREE.PCFSoftShadowMap

renderer.gammaInput = true

renderer.gammaOutput = true

renderer.toneMapping = THREE.Uncharted2ToneMapping

renderer.toneMappingExposure = 0.75

This is my current test setup in 0.130.0

renderer.physicallyCorrectLights = true

renderer.shadowMap.enabled = true

renderer.shadowMap.type = THREE.PCFSoftShadowMap

renderer.outputEncoding = THREE.LinearEncoding

renderer.toneMapping = THREE.CustomToneMapping

renderer.toneMappingExposure = 0.75

renderer.setClearColor( 0xffffff, 0 );

I understand WebGLRenderer THREE.Uncharted2ToneMapping was removed and replaced with CustomToneMapping.

Does this help to pinpoint @donmccurdy ?

looeee · August 14, 2021, 10:47am

Do you mean in 0.130.0?

This should probably be sRGBEncoding:

renderer.outputEncoding = THREE.LinearEncoding

Custom tone mapping can be whatever you like. This example shows how to set it to Uncharted 2.

github.com

mrdoob/three.js/blob/44b8fa7b452dd0d291b9b930fdfc5721cb6ebee9/examples/webgl_tonemapping.html#L65


      
          				document.body.appendChild( renderer.domElement );
          
          				renderer.toneMapping = toneMappingOptions[ params.toneMapping ];
          				renderer.toneMappingExposure = params.exposure;
          
          				renderer.outputEncoding = THREE.sRGBEncoding;
          
          				// Set CustomToneMapping to Uncharted2
          				// source: http://filmicworlds.com/blog/filmic-tonemapping-operators/
          
          				THREE.ShaderChunk.tonemapping_pars_fragment = THREE.ShaderChunk.tonemapping_pars_fragment.replace(
          					'vec3 CustomToneMapping( vec3 color ) { return color; }',
          					`#define Uncharted2Helper( x ) max( ( ( x * ( 0.15 * x + 0.10 * 0.50 ) + 0.20 * 0.02 ) / ( x * ( 0.15 * x + 0.50 ) + 0.20 * 0.30 ) ) - 0.02 / 0.30, vec3( 0.0 ) )
          					float toneMappingWhitePoint = 1.0;
          					vec3 CustomToneMapping( vec3 color ) {
          						color *= toneMappingExposure;
          						return saturate( Uncharted2Helper( color ) / Uncharted2Helper( vec3( toneMappingWhitePoint ) ) );
          					}`
          				);
          
          				scene = new THREE.Scene();

CraigD · August 14, 2021, 11:02am

thank you @looeee and yes the second set of config is 0.130.0

will look at sRGBEncoding.

re Custom tone mapping part, thanks for the example… I need to understand this more!

Topic		Replies	Views
Three js texture tone issue Questions textures	5	1428	May 26, 2021
Guide to migrating shaders from Blender to Three.js Resources textures , materials , geometry , shaders	5	1272	October 13, 2024
Material mapping not showing up correctly in my exported GLB Questions textures , materials , gltf-loader	1	595	February 22, 2023
Undesirable high contrast and saturation on materials Questions textures , materials , mtl-loader	5	53	May 14, 2025
Shader stop working with ThreeJS update Questions textures , materials , loaders , shaders	5	707	September 29, 2020

After migration from version 0.92.0 to 0.130.0 object materials looks different!

Related topics