DEV Community

Cover image for A Three.js 3D world with Character + Movements + Third Person Camera
Louis
Louis

Posted on

A Three.js 3D world with Character + Movements + Third Person Camera

Screenshot

Hey this is my first project with Three.js so im relatively new to this library. However, I want to show you what I built and maybe it will help one or the other.

GitHub Repo

Note that there are still some bugs or not included functions like object collision.

Built with:

  • react
  • react-three-fiber
  • react-three-drei
  • three.js
  • typescript
  • simplex-noise

Features:

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

My GitHub

Discussion (0)