Third Person Controller (React Three Fiber Tutorial)

In this 3D Snippet, learn how to create a simple and reusable third-person controller using Three.js, React Three Fiber and Rapier physics engine

🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/course...

Live demo 🏖️
https://r3f-3rd-person-controller-fin...

Starter pack 🔗
https://github.com/wass08/r3f-3rd-per...

Final code 🔗
https://github.com/wass08/r3f-3rd-per...

#threejs #webdevelopment #reactthreefiber

▬▬▬▬▬▬ Useful L I N K S  🔗  ▬▬▬▬▬▬

3D Models
https://sketchfab.com/3d-models/castl...
https://sketchfab.com/3d-models/de-du...
https://sketchfab.com/3d-models/anima...
https://sketchfab.com/3d-models/medie...
https://sketchfab.com/3d-models/city-...

Ecctrl
https://github.com/pmndrs/ecctrl



▬▬▬▬▬▬ Support the channel 🙏   ▬▬▬▬▬▬

Become a member to get access to awesome perks:
@wawasensei

▬▬▬▬▬▬ Connect with me 👋   ▬▬▬▬▬▬

💻 The Discord Community
Discord: discord

📸 Instagram :
Instagram: wawa.sensei

🎎 Facebook :
Facebook: wawasenseiyt

🐦Twitter :
Twitter: wawasensei

🐦TikTok :
TikTok: wawasensei08


▬▬▬▬▬▬ T I M E S T A M P S ⏰  ▬▬▬▬▬▬

00:00 - Intro
00:58 - Starter pack
01:34 - Physics
03:35 - Character controller
05:48 - 3rd person follow camera
08:59 - Physics movement
12:08 - Rotations
17:03 - Animations
18:36 - Mouse control
21:49 - Touch control
22:34 - Customizable/Reusable
23:45 - Ecctrl
24:19 - Thank you!

• #science_technology
• #threejs
• #three_js_tutorial
• #threejs_tutorial
• #react_three_fiber
• #react_three_fiber_tutorial
• #three_js_react
• #three_js
• #threejs
• #threejs_journey
• #threejs_course
• #react_three_fiber_ultimate_guide
• #r3f_tutorial
• #how_to_learn_r3f
• #how_to_learn_react_three_fiber
• #threejs_for_beginners
• #react_three_fiber_physics
• #3rd_person_controller_threejs
• #third_person_controller_threejs
• #threejs_controller
• #rapier
• #threejs_tutorial
• #react_three_rapier
• #r3f_character_controller
• #rapier_physics