Back to videos

React Three Fiber Tutorial - Rapier Physics Engine

Need help while watching this video? Join our Discord community .

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