4DGS Renderer

Stack: JavaScript, WebGPU, WGSL, WebAssembly

Gaussian splatting is a way of capturing real places in 3D that looks photoreal, but it doesn't work with normal mesh-based renderers. I built a renderer that plays those scenes in a browser on WebGPU.

A Gaussian splat reconstruction of a garden, showing a round wooden table, planting, and a brick house behind it. — A pre-trained splat scene rendered in the browser on WebGPU.

A dynamic scene playing back in the player, frame-time overlay running.

Highlights

Millions of splats re-sorted every frame, off the main thread in a Web Worker.
A WGSL compute pass that drops the splats you can't see and writes its own draw calls, so the CPU never stalls.
Plays dynamic scenes, splats that move over time rather than a static capture.
Published on npm as a single HTML element, decoding .dgs through WebAssembly.