Back to videos
How to Create Shader Transitions with React Three Fiber and Lygia (PART 2)
Let's learn how to create transitions between 3D scenes with Three.js and React Three Fiber using Shaders and Lygia library
In this project-based tutorial, will learn how with the help of Render Targets and Custom Shaders, we can create amazing 3D scene transitions.
Learn Render Target:
https://lessons.wawasensei.dev/courses/react-three-fiber/lessons/render-target
Learn Shaders:
Part 1 video:
Starter pack 🔗
https://github.com/wass08/r3f-scene-transition-starter
Final code 🔗
https://github.com/wass08/r3f-scene-transition-final
Modern Kitchen 3D Model
https://sketchfab.com/3d-models/modern-kitchen-9843a830b96142a9a53f45f25304d93c
Need help with this tutorial? Join our Discord community!