Tile Canvas

A study of mouse-reactive image planes in Three.js + React Three Fiber: four custom GLSL ShaderMaterials — tilt, ripple, parallax and all three combined — driven by the pointer position.

01 — Tilt

02 — Ripple

03 — Parallax

04 — Combined