[Three.js] 외부 3D 모델을 불러오자!

 

 

외부 모델 파일을 다운로드 받을때 gltf 형식으로 받아야 사용할 수 있다.

https://sketchfab.com/feed

 

GLTF 포맷의 모델을 로드하기 위해 GLTFLoader를 불러온다.

import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";

 

load 함수의 두번째 인자인 콜백함수는 인자로 model을 받는다.

이 함수는 경로에 지정한 모델이 불러와졌을때 실행되는 콜백 함수로 gltf 파라미터를 찍어보면 scene에 모델이 들어있다.

Group이 경로에 해당하는 외부 모델이다.

이 모델을 가져와 scene에 추가한다.

const loader = new GLTFLoader();
loader.load("../src/textures/shiba/scene.gltf", (gltf) => {
  console.log(gltf);
  const model = gltf.scene;
  scene.add(model);
});