Splashery
Photo Album, a still.

Family II, Pictures and Pages

Plate 27

Photo Album

A photo album keeps printed photos on thick pages.

Playground

Origin
Raised from a recipe
Habit
Diurnal: kept on the page
Voice
Yes, with the sound on
Your own
Your own photos
Licenses
CC0, MIT, Apache-2.0

How to play

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

Notes

Small paper corners hold each photo by its four corners, so nothing is glued to the picture. Albums like this were common from the late 1800s, when cameras first let families take their own pictures.

Pick several photos of your own at once in the Splash tab and turn through them with a tap, or pull a page over by hand: two wide photos share a page, two tall ones sit side by side. Double-tap a page to fill the screen with it, or set Reading to One page. Pick a leather, linen or scrapbook cover.

Turn on Pop out with its button at the right of the stage, then tap a photo to lift it out of its corners toward you, with its depth worked out on this device. Tap another to lift it too, or a lifted one to lay it back. Pop-up layers splits it into cutout cards. Drag a lifted photo to tilt the album; the Depth slider sets its depth. Your photos stay on your device.

Its controls

ControlKindRangeStart
Turn the pageTap
Turn the pageButton
Pop outSwitchOff
Draw a boxSwitchOff
Pop-up layersSwitchOff
CoverList3 choicesLeather
CaptionsSetting
ReadingList2 choicesBoth pages

Details

Splats
Opens at 200,000 at Mid Detail, 56,034 at Low, and up to 261,490 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

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

Compare with