Splashery.ContentsPlayground
Shardball, a still.

Fig. 205. §11 Arcade

Shardball

A ball, a dish and a dome of bricks.

PlaygroundHow to play

1Facts

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

2How to play

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

3Its controls

Table I. Every control on this Splash.

ControlKindRangeStart
Play or pauseTap
PlayButton
StyleList2 choicesDome
ViewList2 choices3D
LevelSetting

4About 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.

5Sources and credits

Made in Splashery. Its code is MIT.

6Libraries

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

7Share 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>

8Nearby