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

Published: 25 October 2024
on channel: 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!

On this page of the site you can watch the video online Threejs & React Avatar Builder Tutorial - Part 7: Post Processing with a duration of hours minute second in good quality, which was uploaded by the user Wawa Sensei 25 October 2024, share the link with friends and acquaintances, this video has already been watched 3,881 times on youtube and it was liked by 122 viewers. Enjoy your viewing!

994