three.js Basic Character Controls - GLTFLoader, AnimationMixer, 3rd Person Controller
49.9 هزار بار بازدید -
3 سال پیش
-
We build some basic character
We build some basic character movement controls, using W,A,S,D we can Idle, Walk and Run. Implement a character state machine, with smooth animation transitions using AnimationMixer. Build a 3rd person controller with three.js!
Check out the next video, character movement with physics: three.js & rapier3D - Character Terra...
Stackblitz: https://stackblitz.com/github/tamani-...
Github: https://github.com/tamani-coding/thre...
(00:00) - Intro
(00:36) - Scene Setup
(00:50) - Key Listener
(01:30) - GLTFLoader to Load the Model
(02:18) - Use AnimationMixer & AnimationActions
(02:50) - Character Controls State Class with Default State
(05:00) - State and Animation Transition (FadeIn/FadeOut)
(06:32) - Turn Character Model towards Run Direction
(07:50) - Move Character and Camera
(09:00) - Outro
(music from: https://en.pocket-se.info/)
Check out the next video, character movement with physics: three.js & rapier3D - Character Terra...
Stackblitz: https://stackblitz.com/github/tamani-...
Github: https://github.com/tamani-coding/thre...
(00:00) - Intro
(00:36) - Scene Setup
(00:50) - Key Listener
(01:30) - GLTFLoader to Load the Model
(02:18) - Use AnimationMixer & AnimationActions
(02:50) - Character Controls State Class with Default State
(05:00) - State and Animation Transition (FadeIn/FadeOut)
(06:32) - Turn Character Model towards Run Direction
(07:50) - Move Character and Camera
(09:00) - Outro
(music from: https://en.pocket-se.info/)
3 سال پیش
در تاریخ 1400/06/28 منتشر شده
است.
49,998
بـار بازدید شده