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 🔗 ▬▬▬▬▬▬ My complete course to learn React Three Fiber https://lessons.wawasensei.dev/ 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 ▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬ 00:00 - Intro 00:25 - Rapier setup 01:23 - Rigid bodies 02:59 - Restitution & Gravity 03:44 - Custom rigid body 04:02 - Love 04:09 - Apply forces & friction 06:27 - Keyboard Controls 07:09 - Collisions 08:04 - Conclusion ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ 💻 The Discord Community https://discord.gg/2wBhwchcWu 📸 Instagram : https://instagram.com/wawa.sensei 🎎 Facebook : https://www.facebook.com/wawasenseiyt 🐦Twitter : https://twitter.com/wawasensei 🐦TikTok : https://www.tiktok.com/@wawasensei08 💻 My website : https://www.wawasensei.dev