R3f: GLTF Animations re-used

Rag doll 에니메이션 정보가 있는 GLTF를 표시해 봅니다.

2025-06-06

원본 코드

GLTF Animations re-used

GLTF 로드 및 배치

useGLTFuseTexture를 사용해서 모델을 로드하고 표시합니다.

카메라 포지션에 맞추어 <skinnedMesh /> 객체를 정 중앙에 배치합니다.

그림자를 표시할 평면은 이에 맞추어 y = -1 지점에 배치합니다.

Animation 적용

로드한 GLTF 모델에 애니메이션을 적용합니다.

dreiuseAnimations 훅을 사용하여 GLTF에 포함된 animation 목록과 각 에니메이션을 실행할 수 있는 actions 객체를 가져옵니다.

클릭 이벤트를 통해 actions 객체에 있는 애니메이션을 순차적으로 변경할 수 있습니다.

Loading script...