Mesh Explosion Effect - React Three Fiber Tutorial

Опубликовано: 01 Январь 1970
на канале: 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

Смотрите видео Mesh Explosion Effect - React Three Fiber Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,100 раз и оно понравилось 234 людям.

105