threejs GLTFloader.load() 블렌더에서 파일 가져오기

블랜드에서 파일을 gltf 확장자로 export 한후 가져옴 

로드

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';

 

// GLTF loader
  const GLTFMaterial = new THREE.MeshPhysicalMaterial({
        clearcoat: 0.9,
        clearcoatRoughness:0.1,
        metalness: 0.9,
        roughness:0.5,
        color: 0xd11b1b,
        envMap: envmap.texture,
  })

  const GLTFloader = new GLTFLoader()
  let GLTFObjGroup = new THREE.Object3D()
  GLTFloader.load('../static/img/apple.gltf',function (gltf) {
      const GLTFObj = gltf.scene

      GLTFObj.traverse(function (obj) {
        if (obj.isMesh) {
          obj.material = GLTFMaterial
          obj.castShadow = true
          obj.receiveShadow = true
        }
      })

      GLTFObj.scale.set(500, 500, 500)
      GLTFObj.position.x = 130
      GLTFObj.position.z = 90
      GLTFObjGroup.add(GLTFObj)
      scene.add(GLTFObjGroup)
    }
  )//GLTF끝