How do I add a WebGl triggered scroll effect/hover effect similar to this?

Hi all,

I’m a real noob to custom code, and am trying to implement a scroll triggered effects that distorts image tiles on my page as I scroll similar to this https://www.firstborn.com .

I’ve been doing some research, but haven’t found anything similar as of yet and was wondering if there was some sort of quick way to apply something like this through a pasting a few lines of code?

An added bonus would be created a hover effect similar to this aswell. Let me know!

If anyone has any idea I’d love to hear or chat about it!

Thanks,
Brandon


Here is my site Read-Only: LINK
(how to share your site Read-Only link)