Back to videos

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

Resources

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

Need help with this tutorial? Join our Discord community!