Скачать или смотреть Threejs & React Avatar Builder Tutorial - Part 7: Post Processing

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this seventh and final part, we will add a bloom post-processing effect, a loading screen, animated model transitions, and a process to optimize the final GLB file we download 🧝‍♂️

🚀 Learn React Three Fiber with the Ultimate Guide to 3D Web Development ✨
https://lessons.wawasensei.dev/course...

Demo 🔗
https://avatar.wawasensei.dev/

Final code 🔗
https://github.com/wass08/r3f-ultimat...

#threejs #webdevelopment #reactthreefiber

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

React Three Post-Processing
https://github.com/pmndrs/react-postp...

React Spring
https://react-spring.dev/

Gltf-transform
https://github.com/donmccurdy/glTF-Tr...

▬▬▬▬▬▬ 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  


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

00:00 Introduction
00:15 Bloom Post-Processing
01:26 Responsive adjustments
02:21 Loading Screen
05:16 React Spring Transitions
14:34 Gltf-transform Optimizations
17:30 Thank you!