SM Heatmap
The SM logo run through a heatmap shader. It loops on its own, with no controls, on a transparent background.
ReactWebGLshaderbranding
1 min read
A heatmap treatment over the SM logo, powered by @paper-design/shaders. The transparent PNG goes through Paper’s built-in pipeline and comes out as an animated WebGL shader.
No controls — the logo feeds itself. The effect loops on a transparent background, so it sits directly on the page. Off screen the shader halts its render loop and keeps the last frame; the same happens under prefers-reduced-motion.