Three js texture tone issue

Mugen87 · May 25, 2021, 3:23pm

I suggest you do this:

renderer.outputEncoding = THREE.sRGBEncoding;

And when you load your diffuse texture (the texture that you assign to map) configure it like so:

comingTexture.encoding = THREE.sRGBEncoding;

You also want to configure the environment map with this encoding. You then have a proper sRGB workflow.

BTW: Tone mapping is only required if you are using a HDR environment map. Since this seems not the case in your app, remove the line like suggested by @Nimil_George.

Topic		Replies	Views
THREE.sRGBEncoding influences 3D Assets? Related to Loading 3D Model Discussion models , textures , lights	1	111	June 8, 2024
Using shaderMaterial from three.js DREI make the texture way darker than the original Questions textures	14	1593	June 23, 2023
Help on texture and renderer encoding Questions textures , materials , geometry	8	3380	August 19, 2022
How to apply sRGBEncoding on texture? Questions textures , loaders , gltf-loader	6	5065	May 29, 2024
Mapped texture color is slightly different with original image Questions textures	15	3428	August 26, 2022

Three js texture tone issue

Related topics