louis3797 / r3f-world-with-character

A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.

Three.js World with Character

A platform with a character on it.
View Demo · Report Bug · Request Feature

Table of Content

• About The Project
  • Built With
  • Features
• Getting Started
  • Installation
• Usage
• Roadmap
• License
• Contact

About The Project

A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.

w: Forwards
a: Left
s: Backwards
d: Right
e: Dance
shift + (w,a,s,d): Run

Built With

• TypeScript
• React.js
• TailwindCss
• Three.js
• React-Three-Fiber
• Three-React Drei

Features

• 3D
• Nature Objects
• Simplex Noise Floor
• 3D Character
• Animations: Idle, Walk, Run, Dance
• Movement with w, a, s, d, shift
• Dance with e
• Third Person Camera

Getting Started

This project uses yarn as packet manager.

Installation

1. Clone the repo

   git clone https://github.com/Louis3797/r3f-world-with-character.git

2. Install packages

    cd r3f-world-with-character
    yarn install 

3. Run on dev

    yarn start

See the open issues for a full list of proposed features (and known issues).

Usage

Roadmap

• Add collisions
• Check height of Floor and move Character up if its higher than y: 1

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Louis

Project Link: r3f-world-with-character