Distorsion effect on the bottom edge of the screen

Hi everyone,

I just came across this cool portfolio and I would really like to recreate the effect in the ‘Projects’ section, in which you can see this distortion effect on the images at the bottom edge of the screen when scrolling. I’ve never gone beyond this shader-on-scroll but I imagine the process is totally different.

Any ideas?

Thanks!

i don’t think the process is all that different, the typanus tutorial is a good start.

otherwise i could see myself solving that in the dumbest possible way by making a “lens” in blender and having this in front of the camera with meshphysicalmaterial+transmission, or better yet, meshtransmissionmaterial. though it’s not that dumb tbh, sometimes it’s easy to forget that you can solve problems with composition instead of math.

like this

https://x.com/0xca0a/status/1694702975766200578

here’s a sandbox https://codesandbox.io/p/sandbox/scrollcontrols-and-plot-elbhzy

that’s a round lens, if it tapers down to a rect line on the top you’d have what’s on the website you posted.

2 Likes

That’s a brillant idea!

Thanks a lot, I will delve deeper into the subject.