Image texture is looks white

Hi, I have a problem with an image texture, the texture looks a little whitish after rendering compared to the original image, I think the problem is due to material color(default: 0xffffff)
Is there any change I should make it to look original as possible

Original image

Rendered Image

var texture = new THREE.TextureLoader().load( “img-path”);
var bodyMat = new THREE.MeshBasicMaterial( {
map: texture,
} );

this is the code I’m using, is there any change I need to apply to make it look as in the original image


Can you please show how you configure your renderer?

renderer = new THREE.WebGLRenderer({canvas: overlay3d, antialias: true,
preserveDrawingBuffer: true });
renderer.sortObjects = true;
renderer.physicallyCorrectLights = true;
renderer.outputEncoding = THREE.sRGBEncoding;

If you do this, it’s necessary to define your color texture as sRGB, too:

texture.encoding = THREE.sRGBEncoding;

Otherwise your color space workflow is not completely defined.


Thank you so much it is working now.

1 Like