Splashery

Page Breaker. The same points, seen from the side. Drag down to look at it from above.

About 8 MB, on this tap only

Page Breaker

Shardball with your own page.

PlaygroundHow to play

Shelf
Arcade
Kind
Built from a recipe
Your own
Your own page
Sound
Yes
Licenses
CC0, Apache-2.0, MIT, BSD

How to play

Open a PDF or a photo in the Splash tab, then tap to play. Steer the paddle; break every word.

Its controls

ControlKindRangeStart
Play or pauseTap
PlayButton
PageList2 choicesAn article (PDF)
StyleList2 choicesFlat board
ViewList2 choices2D

About it

Shardball with your own page. Every word on the page (found from its ink) becomes a brick, and so does each piece of its pictures; a photo is cut into tiles. Each brick is made of that piece of the page, splat by splat, so a word that breaks falls apart into pieces of its letters. Each page of a PDF is the next level.

Open a file in the Splash tab, or play the sample article or photo. The file is read on this device and never leaves it. Flat board and Dome work as in Shardball: the 3D button tips the page back, or spreads its words over a dome.

Details

Your own files
.pdf, application/pdf, image/png, image/jpeg, image/webp, image/avif

Sources and credits

Libraries

Apache-2.0
Basic Pitch, ONNX (lane Audio piano, October 21, 2026)
MIT
omggif 1.0.10
MIT
ONNX Runtime Web 1.30.0 (its modules)
MIT, Apache-2.0, BSD
PDF.js 6.3.289

Share it

This page's code, the same one the top of its block shows. The link below 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=page-breaker
<script type="module" src="https://splashery.app/play/src/element.js"></script> <splashery-toy toy="page-breaker"></splashery-toy>

Nearby in the collection