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: 2 months 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 (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-17T09:58:10.000Z (about 2 years ago)
• Last Synced: 2024-05-02T05:40:32.317Z (9 months ago)
• Topics: 3d-graphics, character-control, fox, threejs, threejs-boilerplate, threejs-example, threejs-game, threejs-learning
• Language: JavaScript
• Homepage: https://character-movement.netlify.app/
• Size: 280 KB
• Stars: 7
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Character Movement in Three.js

![screenshot](./screenshots/screenshot-01.png)

[![Netlify Status](https://api.netlify.com/api/v1/badges/30ec6d32-aba7-49e0-bffb-8e5322d1ade2/deploy-status)](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)