React Three Fiber Tutorial - Rapier Physics Engine

How to use Rapier Physics Engine with React Three Fiber?

In this tutorial, we will discover how to use physics with three js. We'll cover the basics of 3D development including:

  • How to setup Rapier physics engine
  • What are Rigid bodies and the different types
  • Physics concepts (Restitution, Gravity, Friction, Forces, Collisions…)

As we'll develop a mini-game we will also discover how to use Keyboard Controls from React Three Drei library

Get the starter pack here 🔗
https://github.com/wass08/r3f-vite-starter

Final Code 🔗
https://github.com/wass08/r3f-physics

threejs #physics #r3f

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

Rapier documentation
https://rapier.rs/docs/user_guides/javascript/rigid_bodies

React Rapier wraper documentation
https://github.com/pmndrs/react-three-rapier

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

R3F Drei
https://github.com/pmndrs/drei