Building a Responsive Shader Background

I wanted a playful background that still felt premium, without crushing performance on Firefox or on machines that enable reduced motion.

Key tweaks included resolution scaling on Firefox, throttled frame intervals, low-power WebGL context, and pausing the render loop when the tab is hidden.

Respecting prefers-reduced-motion was non-negotiable. When motion is off, it falls back to gradients, and persists the low-power preference across sessions.