I'm having trouble setting an environment map to an OBJ model. It seems like the appearance has changed drastically! In its usual view, it looks like this: https://i.sstatic.net/4VcIG.png But when I set the environment map, it transforms into this: https://i.sstatic.net/o5iLP.png It's like turning jade into iron! The code I used is based on an office demo.
new THREE.CubeTextureLoader().load(
imageUrlList,
(cubeTexture) => {
console.log('cubeTexture 222', cubeTexture)
scene.environment = cubeTexture
// scene.background = cubeTexture
model.traverse(function (item) {
if (item.isMesh) {
item.material.envMap = cubeTexture
}
})
console.log('model', model)
}
Can someone help me figure this out?