BACK TO 3D PLAYGROUND
EXPERIMENT 06 // OGL RIPPLE DISTORTION SHADER
Fluid Ripple Distortion
Multi-wave WebGL displacement buffer simulated with instanced geometries, chromatic dispersion, and normal-mapped glint specular shading.
HOVER OR CLICK ON CANVAS TO GENERATE INTERFERENCE WAVES
INSTANCED WAVE GEOMETRY
GPU instances up to 100 concurrent wave displacement fields simultaneously rendered into a low-overhead offscreen texture target.
CHROMATIC REFRACTION
Per-pixel shader split samples red and blue color channels across the disturbance gradient vectors for optical dispersion.
SPECULAR SHEEN & GLINT
Calculates dynamic normal vectors on the displacement slope to reflect virtual lighting sources along wave ridges.