원본 코드
GLTF 로드 및 배치
useGLTF
와 useTexture
를 사용해서 모델을 로드하고 표시합니다.
카메라 포지션에 맞추어 <skinnedMesh />
객체를 정 중앙에 배치합니다.
그림자를 표시할 평면은 이에 맞추어 y = -1
지점에 배치합니다.
Animation 적용
로드한 GLTF 모델에 애니메이션을 적용합니다.
drei
의 useAnimations
훅을 사용하여 GLTF에 포함된 animation 목록과 각 에니메이션을 실행할 수 있는 actions
객체를 가져옵니다.
클릭 이벤트를 통해 actions
객체에 있는 애니메이션을 순차적으로 변경할 수 있습니다.