Wondering how is this Vertical Scroll with Image Replace Done

[Alex J. 8 Likes (Newbie)]

Hey there you awesome people on the Internet,

 

Wishing everyone a very happy new year. May this year bring loads of good luck, prosperity, happiness and health to everyone! 

 

I recently came across this beautiful website and was wondering how did they implement this Vertical Scroll with Image Replace (in the Selected Works Section):

https://basitkhan.design/

 

I understand that it would have been easier if I would have provided a codepen with some structure, but I am not sure if this is even done using GSAP all alone or using a combination of another library.

 

If someone can bring some light as to what we could possibly do or use to achieve this effect, that'd be great. (Again just a guideline or example, if exists already would help by a lot). 

 

Thank You ) 

[OSUblake 18,495 Likes (Superhero)]

Looks like some WebGL and shader magic. They might be using a WebGL library like PixiJS or three.js, and some custom shaders.

[Cassie 5,403 Likes (Superhero)]

I think this popped up in another thread a while back too, aside from the shader side of things - there's this pen showing the pinning/image swopping

See the Pen 6a2480c123d88dc391faba0ea5cc590f by akapowl (@akapowl) on CodePen

[Alex J. 8 Likes (Newbie)]

3 minutes ago, Cassie said:

I think this popped up in another thread a while back too, aside from the shader side of things - there's this pen showing the pinning/image swopping
 

 

This is just awesome. Thank you so much @Cassie and @OSUblake for your help! Really appreciate it!