Skip to content
TheChosenVictorHire

Live · 3D experience

Splat Walk

Orbit and zoom around a real Gaussian-splat cave-lion capture, inspect three guided details, and return to a stable overview.

Next.js / three.js / WebGPU / TypeScript / Tailwind CSS

Launch demo (new tab)View repository (new tab)
Splat Walk cave-lion capture in object mode with three guided detail rings and orbit controls.
Preview captured September 16, 2026. Open the demo to interact.Lion reconstruction by Joanna Kobierska, shared by Renaud under CC BY 4.0. Screenshot resized and compressed. The scan is separately licensed from the MIT application code.

Overview

A subject-centered Gaussian-splat inspection experiment built around a captured cave-lion reconstruction. The camera now stays anchored to the subject: orbit and zoom around it, open three guided details, move through their authored viewpoints, and return to the stable overview without flying away from the scan.

Before you try it

Requires WebGPU, hardware acceleration, and a compatible browser. The bundled cave-lion scan runs in subject-centered object mode; Splat Walk also retains a separate environment/free-flight controller for room-scale captures, but that is not the interaction shown here. The scan is CC BY 4.0 and separately licensed from the MIT application code.

What to try

  1. Orbit the subject

    Drag with a mouse or trackpad to orbit around the lion and scroll to zoom. On touch, one finger orbits and a two-finger pinch zooms. Keyboard users can orbit with the arrow keys, zoom with plus/minus, and press Home for Overview.

  2. Follow the guided details

    Choose Face to face, Surface detail, or Fine whiskers from a ring or the accessible detail controls. Selection moves toward an authored camera pose, and direct orbit or zoom input can interrupt that motion immediately.

  3. Complete or replay the tour

    Previous and Next move cyclically through the three details. After all three are found, Explore freely dismisses the completion prompt; Replay tour returns to the first guided detail. Overview restores the authored starting view without clearing discoveries.

How it works

The capture is the visual
three.js r186 renders the SPZ through its native WebGPU GaussianSplat and SPZLoader. Native splat raycasting and the HTML detail controls share the same authored annotations; there is no proxy mesh standing in for the capture.
A subject-centered camera model
Object mode derives camera position from target, yaw, pitch, and radius with tuned limits and delta-time damping. Hotspots can request a presentation pose while direct mouse, touch, or keyboard input remains authoritative.
Loading and recovery are part of the interface
Each loading attempt fetches the SPZ once. Progress uses the response length when available. GPU loss ends that attempt and removes the dead canvas; retry creates a new renderer. Hidden tabs pause rendering, and cleanup releases scene resources.

  • Timeline Commander

    Wage a one-lane war across five eras of machines or lead a squad through eight operations, and rewind any fight that goes wrong.

  • Worldseed

    Wake a small floating island one echo at a time: water, ground, wind, life, shelter and sky, then open the Heartseed.

Building an unusual browser prototype?

Website

One scoped marketing site built with Next.js

from $650

See Website