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/courses/react-three-fiber/
Live demo 🏖️
https://r3f-3rd-person-controller-final.vercel.app/
Starter pack 🔗
https://github.com/wass08/r3f-3rd-person-controller-starter
Final code 🔗
https://github.com/wass08/r3f-3rd-person-controller-final
#threejs #webdevelopment #reactthreefiber
▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬
3D Models
https://sketchfab.com/3d-models/castle-on-hills-b874cb19b42741729b950f6afbdf0dea
https://sketchfab.com/3d-models/de-dust-2-with-real-light-4ce74cd95c584ce9b12b5ed9dc418db5
https://sketchfab.com/3d-models/animal-crossing-map-9f53cb8a02134037887875e022b2eae2
https://sketchfab.com/3d-models/medieval-fantasy-book-06d5a80a04fc4c5ab552759e9a97d91a
https://sketchfab.com/3d-models/city-scene-tokyo-b25d23ff186949dca3df669c14447db5
Ecctrl
https://github.com/pmndrs/ecctrl
▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬
Become a member to get access to awesome perks:
https://www.youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join
▬▬▬▬▬▬ 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
▬▬▬▬▬▬ 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!