DEV Community

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

Posted on

6 1

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

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay