3D World & Character

A platform with a character on it.
View Demo

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
S: Backwards
A: Left
D: Right
Shift + (W,A,S,D): Run
E: Dance

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/perfectdev000/R3F-FBX-Character-Animation.git

2. Install packages

    cd R3F-FBX-Character-Animation
    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-FBX-Character-Animation