Splashery
360° Photo, a still.
Playground

360° Photo

Studio, built from a recipe. Row 15, column 28 of the code.

A complete panorama becomes a spherical shell of splats around you.

Shelf
Studio
Kind
Built from a recipe
Your own
A complete 360° panorama
Sound
Yes
Licenses
CC0, MIT, Apache-2.0

How to play

Drag to look around. Open Splash to lean, step, or open your own 2:1 panorama.

Its controls

ControlKindRangeStart
Lean and returnTap
Lean and returnButton
PanoramaList3 choicesSunlit room

About it

A complete panorama becomes a spherical shell of splats around you. Open a 2:1 equirectangular photo, including its ceiling and floor. The depth model runs on this device and combines six overlapping views. A look-around preview appears while it works. Nothing is uploaded or saved.

Drag to look around, or enable phone tilt in Splash. Lean sideways, take small steps, and return to the center. Distances use an estimated room scale: one photo cannot measure meters or show surfaces hidden behind objects. The stretch warning asks you to move back when those limits become visible. Made by Ryan Kamp; MIT code and CC0 samples.

Details

Splats
Opens at 200,000 at Mid Detail, 86,659 at Low, and up to 963,399 at Max
Your own files
image/jpeg, image/png, image/webp

Sources and credits

WorkByLicense
Small Empty Room 1Sergej MajborodaCC0 1.0
Small Empty Room 2Sergej MajborodaCC0 1.0
Panorama reconstructionRyan KampMIT code; CC0 original assets

Libraries

Apache-2.0
Depth Anything V2 Small, quantized ONNX (lane LSTUDIO, copied from Splashery)
MIT
ONNX Runtime Web 1.30.0 (its modules)

In The Splash Manual

  1. Chapter 10: Make your own
  2. Chapter 8: Photos and video into 3D

Share it

The back of the picture is this page's QR code: flip it, and point a phone at it. This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.

https://splashery.app/play/?toy=step-inside-360
<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="step-inside-360"></splashery-toy>

Nearby in the collection