ラボ

マテリアル

Glass, depth, borders that catch the light. How a rectangle stops being a rectangle and starts being an object.

Interactive liquid distortion

A tilted band of glass follows the pointer and refracts whatever is behind it, leaning into the direction of travel and straightening again when you stop. No WebGL — a clipped duplicate of the scene does the displacement.

  • Band width 92px (half = 46px)
  • Max lean ±34px top vs bottom
  • Follow easing lerp 0.12/frame (lower = heavier)
All categories