AI-generated 3D models for WebXR and Three.js

Load a Generato splat in Three.js

Generato renders its models with the open-source @mkkellogg/gaussian-splats-3d library. Its DropInViewer is a Three.js Group, so a downloaded splat can sit in an existing scene next to your meshes:

import * as THREE from 'three';
import * as GaussianSplats3D from '@mkkellogg/gaussian-splats-3d';

const splat = new GaussianSplats3D.DropInViewer();
splat.addSplatScene('/models/lamp.ply');
splat.rotation.x = Math.PI; // TripoSplat PLYs are Y-down, like most 3DGS files
scene.add(splat);

The same library has a WebXR mode for VR and AR sessions. Other Three.js splat renderers, such as Spark, also read PLY splats.

Engines that can load the PLY

Tips for splats in WebXR

• Mind the splat count. Each Generato model has 262,144 Gaussians. One or two look great on Meta Quest; a room full of them will cost frame rate, because splats are sorted every frame.
• Compress for the web. Re-export the PLY in a compressed format from an editor such as SuperSplat to cut download time.
• Lighting is baked in. A splat keeps the colours it was generated with. It does not react to scene lights or cast shadows on its own.
• Want it without code? Generato already shows every model in mixed reality on Meta Quest and over a phone camera.

When you need a mesh instead

Generato does not produce GLB, glTF or OBJ meshes. If your project needs physics colliders, real-time relighting, UV-mapped textures, rigging or 3D printing, a polygon mesh is the right format and a splat is not. For photoreal props, product previews and showpieces that people look at and walk around, a splat often looks better than a mesh of the same size. Start from a prompt or a photo.

Frequently asked questions

More from Generato