MMD colors are not rendered as expected.

[kxxoling]

New to three.js. I've download a MMD model from a Gensin campain: gy.zip And try to loaded:

function MmdModel({ url }) {
  const mmd = useLoader(MMDLoader, url)
  return <group>
    <primitive
      object={mmd}
      position={[0, -0, 0]}
    />
    <directionalLight intensity={0.02} />
    <ambientLight intensity={0.5} />
  </group>
}

which renders with colors not as expected:

Colors expected should be like this:

[manugill]

This should be resolved now, MMDLoader in three.js didn't support sRGB color space until recently..

The fix for this was released with three v152: mrdoob/three.js@66c460e

If you're still on an old version for some reason and want to use MMDLoader with r3f, use the linear & flat props with your Canvas component. This drastically changes colors though.

[josedaesbar]

The same thing happens to me, I have everything updated but the colors do not look good.
I did an integration only with threejs and there it is solved but with react-three-fiber the same thing still happens

[otokotoba]

If you use r3f and import MMDLoader from three-stdlib, you can not resolve the color promblem because three-stdlib depends on three.js below v152. But, it would work as you expected by installing three.js above v152 and importing from three/examples/jsm/loaders/MMDLoader.js.

▼ before

▼ after

[josedaesbar]

could you solve it?