Shardball

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

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.

Made in Splashery. Its code is MIT.

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>