javascript - Three.js setting environment map to model overwrite its own texture

Question

I want to set environment map to a OBJ model, but it has changed too much! in usual view, it look like it but when i set env map , it turned like it turned jade to iron !!! code is inspired by 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)
          }

so can somebody help me figure it out?

question from:https://stackoverflow.com/questions/65951434/three-js-setting-environment-map-to-model-overwrite-its-own-texture

Answer 1

I set material.reflectivity to 0.2 because OBJ model use MeshPhongMaterial default, and it worked! –