Code-ish
← BACK

SHADER CURTAIN

YEAR
2026
STATUS
ACTIVE
DISCIPLINE
INTERACTIVE VISUAL
ENGINE
WEBGL / GLSL
11 / 12

01 / CONCEPT

THE SURFACELOOKS STILL.

TOUCH REVEALSANOTHERDIMENSION.

A field of nearly straight white lines that behaves like a membrane. Hands deform the surface and reveal a delayed RGB dimension behind it, as if the visible curtain is separating from another layer of space.

Shader Curtain begins from restraint: a dense field of thin white lines remains almost straight when nobody interacts with it. Camera-based multi-hand tracking maps hand position, movement and apparent depth into the curtain. Faster motion creates impulses and stronger local displacement, while a delayed RGB layer appears behind the white structure. The visual result suggests that interaction is pulling the surface apart and exposing a second spectral space rather than simply coloring the lines.

  • P5.JS
  • WEBGL
  • GLSL
  • MEDIAPIPE HANDS
  • TENSORFLOW.JS
  • HAND-POSE DETECTION