React Three Fiber Tutorial - Rapier Physics Engine

Published: 28 April 2023
on channel: Wawa Sensei

13,954

615

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-st...

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/ja...

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

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fibe...

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
  / discord

📸 Instagram :
  / wawa.sensei

🎎 Facebook :
  / wawasenseiyt

🐦Twitter :
  / wawasensei

🐦TikTok :
  / wawasensei08

💻 My website :
https://www.wawasensei.dev

Watch video React Three Fiber Tutorial - Rapier Physics Engine online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 28 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,954 once and liked it 615 people.

722