inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js 3D 인터랙티브 바로 시작하기

애니메이션 제어 ( mixer )

3d 모델링에 애니메이션을 여러개 넣으려면 어떻게 해요?

706

choi

작성한 질문수 1

0

강의에서는 animations가 하나만 포함된 예제만 알려주셨는데, mixamo나 다른 방법으로 여러개를 가져오는 방법은 없는건가요?

인터랙티브-웹 three.js

답변 1

0

코딩일레븐

안녕하세요

여러개의 애니메이션이 들어있는 모델링을 로드하시고

바로 다음 영상에 나오는 '키보드 제어'를 참고하셔서

특정 키를 눌렀을때 해당 애니메이션을 play 시켜주시면 됩니다.

예)

여러개의 애니메이션이 들어있는 모델링 로드 후 아래처럼 애니메이션을 선택한다.

let kick, jump

//3d 로드 후
kick = object.mixer.clipAction(object.animations[0]);
jump = object.mixer.clipAction(object.animations[1]);

k key 눌렀을 때 -> kick 애니메이션 play

space key 눌렀을 때 -> jump 애니메이션 play

 

 

imagesLoaded에 관한 질문

0

19

2

ai 도구 질문

0

31

1

box3.position.x 위치

0

38

1

'스크롤/텍스트 애니메이션 제작_2' 강의 문의

0

36

1

오브젝트에의 이벤트 감지 vs 레이캐스팅

0

55

2

mouse position interpolation과 transition linear interpolation의 차이

0

77

1

단위 벡터에 거리를 다시 곱하는 부분 질문 있습니다.

0

47

1

맥북 듀얼모니터 사용 displaylink manager 사용시 화면이 안보입니다.

0

76

1

이미지 배경 문의

0

67

1

transform-style: preserve-3d; 를 추가하면

0

47

1

프로젝트 완성본 보내주실수 있나요?

0

50

1

섹션04 Layout에서 Mixed Layout파트의 실습 index.html파일 열었을때 선생님께서 보여주시는 가로스크롤이 안나타남.

0

87

3

섹션 10을 들었을때 궁금증

0

87

2

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

81

1

잘 안되네요

0

55

2

버전에 대해서....

0

62

1

이미지가 안나옵니다.

0

72

2

hover pulse animation 관련해서 질문있습니다!

0

66

2

수업을 들으면서...

0

44

1

threejs 사이트 들어가면 선생님과 같은 코드가 안나옵니다ㅠ

0

111

1

캔버스 크기를 지정했을 때 onDocumentMouseMove 이벤트 관련

0

95

1

코드에 대해 질문있습니다.

0

123

2

TextureLoader관련 질문 드립니다.

0

435

1

이미지 클릭 시 페이지 이동

0

629

1