SplasheryPlayground
3D Video, a still.

Studio35.5° N, 44.4° E

3D Video

A video is a string of photos, and a computer can guess how far away each part of a photo is.

PlaygroundHow to play

Kind
Built from a recipe
Your own
Your GIF or video
Sound
Yes
Licenses
MIT, CC0, CC BY 3.0, Public domain, CC BY 2.5, CC BY 3.0 US, CC BY 4.0, Apache-2.0

How to play

Tap to pause or play, and turn the picture to see its depth. Open your own GIF or video in the Splash tab.

Its controls

ControlKindRangeStart
Play or pause the clipTap
PlaySwitchOn
DepthSetting
ClipList11 choicesSintel: 30 seconds
Depth over timeList2 choicesFull relief, steady in each shot
Show the originalList2 choicesOff
Splat colorsList2 choicesFine

About it

A video is a string of photos, and a computer can guess how far away each part of a photo is. This splash does that for every frame: a depth model (Depth Anything V2 Small) gives every spot a distance, and the video itself plays on a relief that comes toward you by as much as each part is near, sharp enough to read small text (Splats rebuilds it from splats). It opens on Sintel: her face comes forward, the room stays back.

Pick another sample clip in the Splash tab (the bunny, Muybridge's horse, a dragon, a bridge and robot, or a machine; Blender Foundation, CC BY, and the horse is public domain), or open your own GIF or video of any length. It is read on your device, the model (about 27 MB) loads the first time, and nothing is uploaded. A long video plays while its depth is worked out. Depth sets the relief, and Speed plays the clip slower or faster, sound included. Show the original puts the flat clip in a corner, frame for frame.

Details

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

Limits

File size
Up to 200 MB. A larger video is refused.
GIFs
Only a GIF's first 8 seconds play. A video has no such limit.
Very short clips
A clip of a fifth of a second or less is refused as too short.
First use
The first video downloads a depth model of about 50 MB, or 27 MB without WebGPU.

Sources and credits

WorkByLicense
Moving photo to 3D, round 4Ryan KampMIT
Blocks, gate, wheel, orbit, and fast motionRyan KampCC0 1.0
Big Buck Bunny (a six-second scene, the sample clip)Blender FoundationCC BY 3.0
Race horse galloping (Muybridge, 1887, a GIF)Eadweard MuybridgePublic domain
Sintel (trailer, six seconds from 0:29.5)Blender FoundationCC BY 3.0
Tears of Steel (six seconds from 8:30.5)Blender FoundationCC BY 3.0
Elephants Dream (six seconds from 5:29.7)Blender Foundation / Netherlands Media Art Institute (2006), www.elephantsdream.orgCC BY 2.5
Big Buck Bunny (1:44.5 to 2:14.5)Blender FoundationCC BY 3.0 US
Sintel (2:15 to 2:45)Blender FoundationCC BY 3.0
Elephants Dream (5:29.7 to 5:59.7)Blender Foundation / Netherlands Media Art Institute (2006), www.elephantsdream.orgCC BY 2.5
Tears of Steel (a 27-second city montage)Blender FoundationCC BY 3.0
Sprite Fright (0:05 to 0:35)Blender Studio, 2021CC BY 4.0

Libraries

Apache-2.0
Depth Anything V2 Small, quantized ONNX (lane LSTUDIO, copied from Splashery)
MIT
omggif 1.0.10
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

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

Nearby in the collection

Straight down

Through the middle of the world, the far side is Volley Table, on Arcade.

Fall throughIt stands 7.3° from the exact far side, the closest of any Splash.