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