Splashery
Shardball, a still.

No. 205 of 460 · Arcade · Built from a recipe

Shardball

A ball, a dish and a dome of bricks.

Play it in the Playground

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

How to play

Tap to play. Steer the dish with a finger, the mouse or the arrows; it catches the ball. Tap to launch.

Its controls

ControlKindRangeStart
Play or pauseTap
PlayButton
StyleList2 choicesDome
ViewList2 choices3D
LevelSetting

About it

A ball, a dish and a dome of bricks. Break every brick: glazed ones break at one hit, and stone ones crack first and break at the second. Each brick that breaks falls apart into real pieces that tumble, bounce and fade.

The game opens in the Dome, in 3D: the dish sits on the ground at the bottom of an invisible sphere, under a dome of bricks, and the ball bounces in three dimensions, its shadow showing where it will land. The dish catches the ball and holds it where it lands; tap or press Space to send it back (where it sits sets its angle), or it goes on its own after three seconds. A ball that touches the ground is lost. Drag on the dome, or with two fingers, to turn the view; pinch or scroll to zoom.

The 2D button slides it all onto a flat board. Flat board, in the Splash tab, is the classic board, which 3D tips back into a table. ⛶ Play fills the page; P pauses, R starts again.

Sources and credits

Made in Splashery. Its code is MIT.

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

Back to the machineThe Arcade machine

Nearby in the collection