Procedural pixel-art explosion

PixiJS 8 · 160 × 100 pixels · eight colours · all generated at runtime

live preview click the canvas · auto-replays every 5.2s unless the knobs say otherwise

flash · spikes · rolling fireball · shadowed hollow · break-up · torn smoke · grit · ground dust

sheet reference-sheet.png frame 1 / 50 · 12 fps

both sides run at the same cadence · restarts on every blast

stats performance read four times a second

no browser reports GPU load, VRAM or driver queue depth — these are the numbers a page can actually read

knobs controls seventeen parameters · click to open
resolution, cadence, replay, noise, dither, break-up, heat and the palette lock apply at once · size, counts, blast length and shake take hold on the next blast
source assets/reference-sheet.png BenHickling · CC0 1.0 · 50 frames of 100 × 100 · direct file · source page
An explosion sprite sheet: 50 frames of a fireball laid out on a ten by five grid.

read for its palette, its shape and its timing — no frame of it is ever drawn on the stage

files pixels/