Back to videos

How to Create Shader Transitions with React Three Fiber and Lygia (PART 2)

Need help while watching this video? Join our Discord community .

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:

https://youtu.be/e2ntx-fyXaE

Part 1 video:

https://youtu.be/aFkU3AcwyKE

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