Mesh Explosion Effect - React Three Fiber Tutorial

Published: 01 January 1970
on channel: Wawa Sensei

6,100

234

Let's learn how to explode 3D meshes with React Three Fiber, Three.js, and Blender Cell fracture addon

PS: It's easy 💥

Live demo
https://r3f-objects-explode.vercel.app/

Get the starter pack here 🔗
https://github.com/wass08/r3f-vite-st...

Final Code
https://github.com/wass08/r3f-objects...

#threejs #r3f #blender

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

My complete course to learn React Three Fiber
https://lessons.wawasensei.dev/

Awesome 3D models
https://poly.pizza/

Download Blender
https://www.blender.org/

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:35 - Project setup
01:01 - Blender Cell Fracture
03:33 - Loading the heart model
05:54 - Concept explanation
06:25 - Concept implementation
11:06 - Hiding original mesh
12:02 - Models copyright attribution
12:24 - I'm a banana
15:25 - Reusable useExplode hook
18:21 - Explosion rotation
19:25 - Final Result
19:42 - Love

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬
Become a member to get access to awesome perks:
   / @wawasensei

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

💻 The Discord Community
  / discord

📸 Instagram :
  / wawa.sensei

🎎 Facebook :
  / wawasenseiyt

🐦Twitter :
  / wawasensei

🐦TikTok :
  / wawasensei08

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

Watch video Mesh Explosion Effect - React Three Fiber Tutorial online without registration, duration hours minute second in high quality. This video was added by user Wawa Sensei 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,100 once and liked it 234 people.

18,442

174

00:00:00