3D Gaussian Splatting for Web

3D Gaussian Splatting has revolutionized scene reconstruction, offering orders of magnitude better performance and fidelity than traditional photogrammetry or NeRFs.

Module 1: How Splats Work

Instead of polygons, the scene is composed of millions of semi-transparent 3D ellipsoids (Gaussians). Each splat has a position, rotation, scale, color, and opacity.

Module 2: WebGL/WebGPU Implementation

Rendering splats efficiently requires sorting them back-to-front every frame.

// Using a library like gaussian-splats-3d
import * as SPLAT from 'gaussian-splats-3d';

const viewer = new SPLAT.Viewer({ cameraUp: [0, -1, -0.6] });
viewer.addSplatScene('path/to/scene.splat').then(() => {
  viewer.start();
});