Threejs & React Avatar Builder Tutorial - Part 7: Post Processing

Veröffentlicht am: 25 Oktober 2024
auf dem Kanal: Wawa Sensei

3,881

122

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!

Auf dieser Seite können Sie das Online-Video Threejs & React Avatar Builder Tutorial - Part 7: Post Processing mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Wawa Sensei 25 Oktober 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,881 Mal angesehen und es wurde von 122 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

1,035