Shatter Reveal
A cover breaks along a spreading crack and the pieces fall away from what was behind it.
The canvas in this preview is the file shown here. The surrounding demo shell only provides context and is not part of the copied code.
import { useEffect, useRef } from "react";
/**
* Vibary · Shatter Reveal
*
* A cover breaks and the pieces fall away, leaving whatever sits behind
* it.
*About this effect
For the moment a result stops being hidden — an unlocked report, a revealed score, a purchase that has finished processing. The shards are a true tiling rather than a scatter of rectangles: the cover is split recursively along random chords, so every edge is shared with exactly one neighbour and the first frame is a solid panel with no seams and no gaps to give the trick away. A crack front travels outward from the impact point a fraction of a second ahead of the pieces, so the break propagates across the surface instead of every shard letting go at the same instant.