WEBGPU GAUSSIAN SPLAT VIEWER

WEBGPU · TYPESCRIPT · GPU SORTING

An interactive viewer for large 3D Gaussian Splat scenes. The WebGPU pipeline explores GPU-side sorting and real-time display of dense point-based reconstructions while keeping navigation responsive.

REAL-TIME VIEWER · WEBGPU

Gaussian Splat
Viewer

A browser renderer for anisotropic 3D Gaussian splats, from binary point data to camera-space covariance, sorted transparency and GPU-driven drawing.

WebGPU · WGSL · TypeScriptPoint Data · Covariance · Sorting
Colored Gaussian splat test scene
01 · PROJECTION

From 3D ellipsoid
to screen splat.

Each point carries position, scale, rotation, opacity and color. The vertex stage reconstructs its 3D covariance and projects it through the camera into an oriented screen-space quad.

Gaussian footprint in green
Projected elliptical footprint
Gaussian footprint in white
Opacity falloff inspection
Gaussian pixel coverage visualization
Pixel coverage and edge behavior
02 · ORDERING

Sort before
blend.

Transparent splats must arrive back-to-front. GPU-side key generation and sorting reorder visible instances while indirect draw data keeps submission compact.

Gaussian sort debug stage one
View-space depth keys
Gaussian sort debug stage two
Sorted draw order
01

Decode

Reads splat attributes into renderer-ready arrays.

02

Project

Transforms 3D covariance into a two-dimensional conic.

03

Sort

Builds depth keys for alpha compositing.

04

Rasterize

Evaluates color and opacity across each quad footprint.