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

r3f-world-with-character's Issues

wrong Initial possition for some Characters

Hi,

For some reasons when you try to change the FBX character it shows up like it should be.

please see the attached SShot.

.

Please let me know how to keep it from passing through each other