Shatter Halo. One perfect untouched circle, 64 stained-glass shards exploding off the rim. The trick is the burst distribution: distance = rim + pow(random, 1.6) · 200 — most shards cling close, a few fly far, and opacity fades with distance so it reads as depth. Single SVG, no…
javascript
for (let i = 0; i < 64; i++) {
const ang = (i / 64) * Math.PI * 2 + jitter();
const burst = Math.pow(random(), 1.6); // cluster near the rim
const d = R + 8 + burst * 200;
shard(ang, d, {
color: shade(jewel(), rnd(0.8, 1.3)),
opacity: 0.92 - burst * 0.62, // distance fade = depth
});
}