Curved/bending planes on scroll

Does anyone know how to create an effect like the example here? I really like how the image curves onto the viewport. I’m veeeeeery new to three.js and I’m trying to understand it :wink:

Seen on Creative Studio for Websites & Brands / funkhaus

A cue as to how they are doing it might be the very striking chromatic aberration in the bending zone:

You may also fake similar effect without writing a custom shader, as demonstrated here:

https://boytchev.github.io/etudes/threejs/fluid-effects.html

image

2 Likes