Example of a simple third person controller implementation in WebGL with Three.js library.
Live Demo: https://webgl-third-person-controller.vercel.app/
Article: https://oslavdev.medium.com/third-person-controller-in-three-js-b643bec50f92
# Install dependencies (only the first time)
yarn
# Run the local server at localhost:3000
yarn run dev
# Build for production in the public/ directory
yarn run build
- W - Move forwards
- S - Move backwads
- A - Turn left
- D - Turn Right
- Shift + W - Run forward 🚀
The model was downloaded for free from Mixamo: https://www.mixamo.com/
Animations were mixed and exported from Blender, recommend for reading: https://www.donmccurdy.com/2017/11/06/creating-animated-gltf-characters-with-mixamo-and-blender/