The color of MeshMatcapMaterial looks very light?

Question

I use MeshMatcapMaterial in threejs for rendering

const matCapMaterial = new THREE.MeshMatcapMaterial({
      matcap: matcapTexture
})

Here are the texture and result

The color is supppose to be darker

How can I fix this

Thanks !

Answer 1

Might be a colorspace encoding issue. Hard to tell for certain with such little code, but maybe you'd like to change from the default THREE.LinearEncoding to sRGB colorspace:

matcapTexture.encoding = THREE.sRGBEncoding;

const matCapMaterial = new THREE.MeshMatcapMaterial({
      matcap: matcapTexture
});

See the docs for more details on texture encoding.