PRESS & HOLD
A walkable 3D room rendered with three.js and React Three Fiber. Holding the pointer down stops the renderer from refreshing the frame and feeds the previous colour buffer back into the next one, displaced by the scene's motion vectors: the same trick that produces datamosh artefacts in compressed video, done live on the GPU. Camera motion smears the macroblocks, geometry edges leak residuals, and releasing the press lets the image resolve. The GLSL passes are in the data-mosh repository on GitHub.
Made by Niccolò Fanton. Browse all WebGL demos on the demo hub.