Third person controller

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

Setup

# 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

Controls

• W - Move forwards
• S - Move backwads
• A - Turn left
• D - Turn Right
• Shift + W - Run forward 🚀

3D Models Credentials

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/