R3F-FBX-Character-Animation

KO | EN

gitlite — search

#javascript #typescript #llm #go #docker #macos #java #awesome #cli #vue #openai #ios #mcp #open-source

R3F-FBX-Character-Animation

(★ 23)

FBX Character animation in React-three/fiber

R3F-FBX-Character-Animation Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<br />
<div align="center">

<h1 align="center">3D World & Character</h1>

<p align="center">
    A platform with a character on it. 
    <br />
    <a href="https://r3f-fbx-character-animation.vercel.app/">View Demo</a>    
  </p>
</div>

![screenshot][screenshot]

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

### Built With

* [TypeScript](https://www.typescriptlang.org/)
* [React.js](https://reactjs.org/)
* [TailwindCss](https://tailwindcss.com/)
* [Three.js](https://threejs.org/)
* [React-Three-Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction)
* [Three-React Drei](https://github.com/pmndrs/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/perfectdev000/R3F-FBX-Character-Animation.git
   ```

2. Install packages

```sh
    cd R3F-FBX-Character-Animation
    yarn install 
   ```

3. Run on dev

```sh
    yarn start
   ```

See the [open issues](https://github.com/perfectdev000/R3F-FBX-Character-Animation/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](https://github.com/perfectdev000/R3F-FBX-Character-Animation/)

[screenshot]: /public/assets/images/Screenshot.png

R3F-FBX-Character-Animation

R3F-FBX-Character-Animation Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

R3F-FBX-Character-Animation

R3F-FBX-Character-Animation Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README