Showcase

A Project Gallery That Bends Like Film

A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.

A Project Gallery That Bends Like Film captured as a WebGL / WebGPU community feature.

A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.

The project is collected here for the same reason the best browser graphics work keeps spreading: it makes the GPU visible through a concrete interface, not a lecture. The result feels inspectable, fast, and specific to the web.

Launch Demo
  • Published: Jun 13, 2026
  • Section: Showcase
  • Tags: Three.js, GLSL, Post Processing