SplasheryPlayground

3D World

3D World, a still.

A video is a string of photos from a moving camera.

PlaygroundHow to playCredits

This picture is a cloud of paint. You can , , , , , , and .

Shelf
Studio
Kind
Built from a recipe
Your own
Your own video
Sound
Yes
Licenses
CC BY 3.0, CC BY 4.0, CC0, CC BY-SA 4.0, MIT

How to play

Tap to fly the video's path; drag to look around. Show the original plays the flat video beside it.

Its controls

ControlKindRangeStart
Replay flightTap
Replay flightSwitchOff
Move aroundList2 choicesTurn and zoom
SceneList7 choicesStatue, flown around
Start (s)Setting
LengthList4 choices10 seconds
Frames a secondList4 choices3 a second
SettingList4 choicesAutomatic (phone-safe on a phone)
Show the originalList2 choicesOff

About it

A video is a string of photos from a moving camera. If the scene stands still, each frame shows it from a slightly different place, and that is enough to rebuild it in 3D. This splash picks the sharpest frames of your stretch, finds the same small details in many of them and works out where the camera was for each one. That is structure from motion. Then it trains 3D Gaussian splats: starting from those points, it nudges each splat's place, size, shape and color until the scene, seen from each camera, looks like that frame.

It all runs on your device's graphics card, and nothing is uploaded. Film by walking slowly around an object or through a place, so the camera moves sideways: 10 to 40 seconds, steady, with texture. Turning on the spot, a tripod, blank walls, sky, water and blur give it nothing to match. On a phone, the phone-safe setting keeps it quick and cool.

Show the original plays the sample's flat video in step with Replay flight.

Details

Your own files
video/*, .mp4, .m4v, .mov, .webm

Limits

WebGPU
Training needs WebGPU. Without it, only the baked samples open.
File size
Up to 40 MB. A larger video is refused.
Time
At High, up to 60 frames and 7,000 training steps, which the tool guesses at 9 to 27 minutes.
Footage
Blank, motionless, and fast-panning clips are all flagged as unlikely to make a clean scene. The flag is an estimate, and Start stays open.

Sources and credits

Libraries

MIT
gifenc 1.0.3
MIT
Splat.js 0.1.0 (lane LSTUDIO, copied from Splashery)

In The Splash Manual

Share 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=video-3d
<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="video-3d"></splashery-toy>

Nearby

  1. 3D VideoA video is a string of photos, and a computer can guess how far away each part of a photo is.
  2. 3D PhotoA depth model guesses relative depth from one photo, not distances in meters.
  3. Splat ToolkitA 3D Gaussian splat file is a long list of soft colored blobs, each with a place, a size in three directions, a turn, an opacity and a color (sometimes a color that changes with the viewing angle, called spherical harmonics).
  4. Splat MirrorTap “Start camera” and each splat takes the color of its place in the picture, so the mirror shows you, live.