Lab

A WebGPU sandbox.

Six WGSL scenes — metaballs, a power-8 Mandelbulb, a twisting tunnel, a 25k-particle compute-shader flow field, a reaction-diffusion lattice, and a circular audio spectrum analyzer — switchable in-canvas. The render loop reads the active theme; pick one from ⌘K and every scene re-tints. The knob below the canvas wires a uniform into the shader for live tweaking.

WGSLraymarched SDFfullscreen triangleno R3F
booting WebGPU…
Why WebGPU

WebGPU exposes the modern GPU pipeline (compute + render) at near-native speed, with a leaner API surface than WebGL. WGSL is its shader language — typed, modular, friendlier than GLSL.

What you're seeing

Three raymarched SDFs (smin metaballs, a power-8 Mandelbulb, a twisting tunnel), a compute-shader flow field stepping 25k particles each frame through a curl-noise velocity field, a Voronoi/fbm reaction-diffusion lattice, and a circular spectrum analyzer driving 64 mic FFT bins into a storage buffer. All six read the same theme uniforms; Reinhard tone mapping holds the highlights together.

Cost

Zero libraries — pure WebGPU API + one ~120-line WGSL file. Lazy-loaded via dynamic import; the lab only ships its bytes to visitors who actually open /lab.