How to create fluid video mask animation with threejs and gsap scrollTrigger

so I’ve come across this website, which is using threejs and gsap scrolltrigger under the hood: the website, and I just can’t understand the video section. how is it that the canvas is fixed on top but can also track where are the HTML elements are and after you press them it does that effect?
is it just tracking the scroll and moving the meshes with some sort of shader, or is it completely made of a threejs scene with some HTML elements?

Have you tried curtain.js? https://www.curtainsjs.com/. I hope It helps you

1 Like

yeah but I can’t imagine using custom shaders like on the website