React Three scroll controlled image sequence & custom post processing effects shader with useFBO

In this one we’ll be setting up our image sequence, and then rendering our main scene to an off-screen render target, enabling more complex visual effects when we then feed the render target texture into a custom effects shader.

#javascript #react #threejs #glsl #gsap #pragmattic

🔗 Resources

🤝 Looking to collaborate?
🔖 Chapters

00:00 Intro / final result
01:49 React postprocessing
04:18 Earlier videos/prerequisites
05:33 Setting up image sequence shader
12:34 Effects component structure
16:12 Using ScreenQuad instead of Plane
17:20 Effects Vertex shader
19:37 Effects Fragment shader
30:28 Outro

🤝 Looking to collaborate?