Scrolling Portfolio Effect. How would I replicate this in three.js?

Hey everyone.

I’m new to using three.js and hopefully, someone can guide in the right direction. I’m looking to build an effect similar to this website:

The images scroll through with a distortion effect on the image based on the speed of the scroll wheel, with the text animating in the opposite direction, with some kind of mask on it.

Found a similar example here, although it doesn’t lock to the scrollwheel like the first example.

Suggestions, code examples, GitHub, anything is appreciated.

wrote a codrops article about this the effect is similar but i liked it more subtle. you can ramp up the values though to get something as crazy as that.