t3d-gaussian-splatting v0.0.1

T3D Gaussian Splatting

This is a t3d-based implementation of 3D Gaussian Splatting for Real-Time Radiance Field Rendering. Supports both .ply and .splat files.

Only supports WebGL2.

Online Demo

Usage

import { SplatLoader, PLYLoader } from 't3d-gaussian-splatting';

// ...

// load splat file and add to scene
const splatLoader = new SplatLoader(); // ro new PlyLoader();
splatLoader.loadAsync('./path/to/xx.splat').then(({ buffer, node }) => {
    scene.add(node);
});

function loop() {
    // ...

    // call node.update in loop function
    node.update(camera, renderTargetWidth, renderTargetHeight);

    // ...
}

Reference

• 3D Gaussian Splatting for Real-Time Radiance Field Rendering SIGGRAPH 2023
• GaussianSplats3D - Three.js-based implementation of 3D Gaussian splatting
• GaussianSplattingMesh - Babylon-based GaussianSplattingMesh

TODO

• Optimize sorting algorithm
• Boundings Computations