유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Three.js 응용 : 블렌더로 여러개의 키프레임 애니메이션을 만들고 three.js에서 이용하기

GIS DEVELOPER

2024. 10. 19.

0

#game
#frontend
  • Blender를 사용하여 여러 개의 키프레임 애니메이션을 생성하고 three.js에서 재생하는 방법을 다룹니다. 🎞️
  • 한 모델에 여러 애니메이션을 적용하려면 "dope sheet"을 사용합니다. 🎬
  • 각 애니메이션은 새로운 키프레임을 생성하여 정의됩니다. 🔧
  • 각 애니메이션은 Blender에서 이름을 부여하고 끝 프레임 수를 설정하여 관리합니다. 🎯
  • 애니메이션된 모델을 'gltf' 파일 형식으로 저장하여 3js 프로젝트에 사용합니다. 📂
  • 3js 프로젝트에서 'gltfLoader'를 사용하여 모델을 불러와 표시합니다. 💻
  • 3js에서 Blend에서 생성된 애니메이션은 Animation Clip 객체로 접근 가능합니다. 🤹
  • 다중 애니메이션 재생을 위해 'mixer' 오브젝트를 사용하여 각 애니메이션을 조절합니다. 🎛️

Recommanded Videos