SplasheryPlayground

Screen

Screen, a still.

A screen made of splats shows a video or a GIF: every pixel of the picture is a small splat whose color changes with each frame.

PlaygroundHow to playCredits

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

Shelf
Pictures and Pages
Kind
Built from a recipe
Your own
Your own video
Sound
Yes
Licenses
CC BY 3.0, Public domain, MIT, Apache-2.0, BSD

How to play

Tap to switch on, then the picture to play or pause. Tap the knob, button, curtains or base to switch off.

Its controls

ControlKindRangeStart
Switch on or offTap
Switch on or offButton
StyleList4 choicesOld TV
SampleList2 choicesA video (Big Buck Bunny)

About it

A screen made of splats shows a video or a GIF: every pixel of the picture is a small splat whose color changes with each frame. It comes in four styles: an old TV with a walnut cabinet and a curved glass face, a flat TV on a stand, a cinema with velvet curtains and rows of seats, and a hologram floating above its projector.

Tap it to switch it on: the old TV's picture opens from a bright line, the flat TV fades up, the curtains part, or the hologram flickers up from its beam. Tap the picture to pause and play. To switch off, tap the old TV's power knob (the picture shrinks to a bright dot, as old tube sets did), the small button beside the flat TV's red light, the curtains (they close) or the hologram's base, or use the button in the Splash tab. Turn on the sound with the speaker button, and open your own video or GIF in the Splash tab. Sample chooses the built-in video or galloping-horse GIF.

Details

Splats
Opens at 200,000 at Mid Detail, 109,013 at Low, and up to 530,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
omggif 1.0.10
MIT
ONNX Runtime Web 1.30.0 (its modules)
MIT, Apache-2.0, BSD
PDF.js 6.3.289

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

Nearby

  1. Picture LabThe 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.
  2. Splat NameYour name becomes thick, rounded letters of soft splats in Toy Box's Fredoka font.
  3. Splash BookA book is a stack of pages bound along one edge, so you can turn them one at a time.
  4. Photo AlbumA photo album keeps printed photos on thick pages.