Image shatter guide

Start

The tool opens with two sample pictures, A and B, and the Crystallize preset. The picture fills the frame; the panel sits beside it.

A current browser with WebGL. Chrome, Edge, Firefox and Safari all have it.
Two pictures of your own, if you want them. Any image the browser can open works; the samples are there until you swap them.

Open Image shatter and tap the picture. Picture A breaks into pieces that fly away from that point and show B. See tap origin.
Tap again. Now B breaks and A shows through.
Press a preset under Presets, such as Explode, then press Replay at the top of the panel to see it from the last point you tapped.
At the top of the panel, press the Image A and Image B tiles to pick your own two pictures, or drop two at once.
Press Save PNG for a still, or Record video to keep one full run.

A tap during a run does nothing; wait for the pieces to clear. Replay always starts again at once.
Moving any slider or changing Easing takes the highlight off the preset, and the next run uses your settings.
Where you tap matters: tap a corner and the break sweeps across the whole picture from there.
The frame takes the shape of picture A. Picture B is stretched to that shape, so two pictures of the same shape look best.
On a phone the controls sit in a bar at the bottom of the screen. Tap the bar to open them.