Three.js World with Character

A platform with a character on it.



<a href="https://github.com/Louis3797/r3f-world-with-character/">View Demo</a>
·
<a href="https://github.com/Louis3797/r3f-world-with-character/issues">Report Bug</a>
·
<a href="https://github.com/Louis3797/r3f-world-with-character/issues">Request Feature</a>

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

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

1. Install packages

sh cd r3f-world-with-character yarn install

1. Run on dev

sh 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