[3D] useLoader 와 useGLTF

jini.choi·2024년 5월 5일

3D(R3F)

목록 보기
10/10

useLoader 와 useGLTF의 차이점

useLoader

  • useLoader는 three.js의 모든 로더를 사용할 수 있도록 일반화된 훅.

  • GLTFLoader, FBXLoader, TextureLoader 등 다양한 유형의 로더와 함께 사용될 수 있음.

  • 로더의 종류를 첫 번째 인자로, 로딩할 파일의 경로를 두 번째 인자로 전달.

//로드가 완료되면, 로드된 데이터 (gltf 객체)를 반환
const gltf = useLoader(GLTFLoader, "./models/robot/phantoms.glb");

useGLTF

  • useGLTF는 GLTFLoader에 특화된 훅.

  • 내부적으로 useLoader를 사용하지만, GLTF 모델을 로드하고 다루는 데 필요한 추가 기능들을 제공.

  • 예를 들어, useGLTF는 자동으로 모델을 캐싱하고, 필요한 경우 Draco 디코더를 설정하는 등의 추가적인 처리를 자동으로 수행.

const robotTwo = useGLTF("./models/robot/phantoms.glb");

결론

  • 일반적으로, GLTF 파일만을 다루는 경우 useGLTF를 사용하는 것이 좋다.
profile
개발짜🏃‍♀️

0개의 댓글