https://github.com/oslavdev/webgl-third-person-controller

Third person controller mechanic in WebGL example. https://oslavdev.medium.com/third-person-controller-in-three-js-b643bec50f92
https://github.com/oslavdev/webgl-third-person-controller

Last synced: 4 months ago
JSON representation

Third person controller mechanic in WebGL example. https://oslavdev.medium.com/third-person-controller-in-three-js-b643bec50f92

• Host: GitHub
• URL: https://github.com/oslavdev/webgl-third-person-controller
• Owner: oslavdev
• Created: 2021-11-13T14:45:16.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-29T18:23:11.000Z (about 4 years ago)
• Last Synced: 2025-10-11T11:42:26.553Z (4 months ago)
• Language: JavaScript
• Homepage: http://webgl-third-person-controller.vercel.app
• Size: 43.2 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Third person controller

Example of a simple third person controller implementation in WebGL with Three.js library.

![ThirdpersonController](readme/finalresult.gif?raw=true "Third person controller")

Live Demo: https://webgl-third-person-controller.vercel.app/

Article: https://oslavdev.medium.com/third-person-controller-in-three-js-b643bec50f92

## Setup

``` bash

# 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/