https://github.com/michaelkolesidis/character-movement-theejs
An example of basic character and camera movement in Three.js.
https://github.com/michaelkolesidis/character-movement-theejs
3d-graphics character-control fox threejs threejs-boilerplate threejs-example threejs-game threejs-learning
Last synced: about 1 year ago
JSON representation
An example of basic character and camera movement in Three.js.
- Host: GitHub
- URL: https://github.com/michaelkolesidis/character-movement-theejs
- Owner: michaelkolesidis
- License: mit
- Created: 2022-12-17T00:55:06.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-17T09:58:10.000Z (over 3 years ago)
- Last Synced: 2025-04-06T03:41:19.522Z (about 1 year ago)
- Topics: 3d-graphics, character-control, fox, threejs, threejs-boilerplate, threejs-example, threejs-game, threejs-learning
- Language: JavaScript
- Homepage: https://character-movement-threejs.vercel.app/
- Size: 280 KB
- Stars: 11
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Character Movement in Three.js
[](https://app.netlify.com/sites/character-movement/deploys)
An example of basic character and camera movement in [Three.js](https://threejs.org/).
## How to Play
| Action | Buttons |
| --------------- | :-----------: |
| **Walk** | Arrows |
| **Run** | Arrows + Ctrl |
| **Look Around** | Space |
| **Show Help** | I |
## Setup
First, you need to download and install [Node.js](https://nodejs.org/en/download/). Then, clone or download the project, and while inside its main folder run the following commands:
```bash
# Install dependencies (only the first time)
npm install
# Run the local server at localhost:8080
npm run dev
# Build for production in the dist/ directory
npm run build
```
## Plans
- Implement running (listening to multiple keys pressed events)
- Add instructions modal
- Smoother animations
- Add more objects
## License
[MIT License](https://opensource.org/licenses/MIT)