real world shader

This is just a little playground for me. I wanted a place to collect various shader effects that I can actually use in real world client projects.
All the code of this website is public (GitHub ↗) so you can see how I'm doing this and copy it for your projects if you want.
I also made the shaders directly accessible for you to copy or expand on.

Distortion Effects

Wave X

vertex shader ↗ fragment shader ↗

Wave Y

vertex shader ↗ fragment shader ↗

Diagonal

vertex shader ↗ fragment shader ↗

Twist/Twirl

vertex shader ↗ fragment shader ↗

Effects based on hover

Noise / Grain

vertex shader ↗ fragment shader ↗

Bulge Distortion

vertex shader ↗ fragment shader ↗

Inverted Bulge Distortion

vertex shader ↗ fragment shader ↗

RGB-Shift

vertex shader ↗ fragment shader ↗

Effects based on scroll

Drag

vertex shader ↗ fragment shader ↗

Drag x4

vertex shader ↗ fragment shader ↗

Happy Little Accidents

N°001

vertex shader ↗ fragment shader ↗

N°002

vertex shader ↗ fragment shader ↗

N°003

vertex shader ↗ fragment shader ↗

N°004

vertex shader ↗ fragment shader ↗

N°005

vertex shader ↗ fragment shader ↗

N°006

vertex shader ↗ fragment shader ↗

more to come ...

You have ideas, requests, or a shader you want to contribute? -> write me a mail or on socials @jankohlbach