Back to videos

How to Create Scene Transitions with React Three Fiber

Let's learn how to create transitions between 3D scenes with Three.js and React Three Fiber

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

Part2:

https://youtu.be/aFkU3AcwyKE

Starter pack 🔗

https://github.com/wass08/r3f-scene-transition-starter

Modern Kitchen 3D Model

https://sketchfab.com/3d-models/modern-kitchen-9843a830b96142a9a53f45f25304d93c

Need help with this tutorial? Join our Discord community!