Splashery
Picture Lab, a still.

No. 025 of 460 · Pictures and Pages · Built from a recipe

Picture Lab

The Picture lab shows a page, a photo, a GIF or a video as Gaussian splats: thousands of small, flat, colored discs, the same stuff every splash here is made of.

Play it in the Playground

Shelf
Pictures and Pages
Kind
Built from a recipe
Your own
Your own picture
Sound
Yes
Licenses
CC0, MIT, Apache-2.0

How to play

Tap the right of the page to go on, the left to go back. With Pop out on (its button at the right), tap a figure to raise it.

Its controls

ControlKindRangeStart
Next page, or play and pauseTap
Next pageButton
Pop outSwitchOff
Draw a boxSwitchOff
Pop-up layersSwitchOff
SampleList2 choicesAn article (PDF)

About it

The Picture lab shows a page, a photo, a GIF or a video as Gaussian splats: thousands of small, flat, colored discs, the same stuff every splash here is made of. A document's paper becomes a smooth sheet of large splats in the paper's own color, and every pixel of ink becomes one small splat of its own color, a hair in front. A photo gets one splat per pixel.

Double-tap the page to fill the screen with it; zoom in and it is rebuilt sharper. Open a PDF, a photo, a GIF or a video of your own in the Splash tab, or paste a web address. Your files stay on your device: nothing is uploaded. Sample picks a PDF or a photo.

Turn on Pop out with its button at the right of the stage and tap a picture to raise it off the page in 3D; tap it again to lay it back. Draw a box raises anything else, and Pop-up layers splits one into cutout cards. Drag a risen figure to tilt the view; the Depth slider adds relief.

Details

Splats
Opens at 200,000 at Mid Detail, and up to 200,000 at Max
Turning
Drag turns it left and right only, until Tilt lock is off

Sources and credits

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 9: Codes and pages

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

Back to the machineThe Pictures and Pages machine

Nearby in the collection