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:

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

Need help with this tutorial? Join our Discord community!