Exploding pixel particle bursts with optional liquid postprocessing.
Click the canvas for ripple waves. Turn on Liquid and move the pointer to distort the pixels. Shape, size, density and speed are wired to the controls underneath.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'square' | 'circle' | 'triangle' | 'diamond' | 'square' | Pixel shape variant. |
pixelSize | number | 3 | Base pixel size (auto scaled for DPI). |
color | string | '#B497CF' | Pixel color. |
patternScale | number | 2 | Noise/pattern scale. |
patternDensity | number | 1 | Pattern density adjustment. |
pixelSizeJitter | number | 0 | Random jitter applied to coverage. |
enableRipples | boolean | true | Enable click ripple waves. |
rippleSpeed | number | 0.3 | Ripple propagation speed. |
rippleThickness | number | 0.1 | Ripple ring thickness. |
rippleIntensityScale | number | 1 | Ripple intensity multiplier. |
liquid | boolean | false | Enable liquid distortion effect. Rebuilds the renderer when toggled. |
liquidStrength | number | 0.1 | Liquid distortion strength. |
liquidRadius | number | 1 | Liquid touch brush radius scale. |
liquidWobbleSpeed | number | 4.5 | Liquid wobble frequency. |
speed | number | 0.5 | Animation time scale. |
edgeFade | number | 0.5 | Edge fade distance (0-1). |
noiseAmount | number | 0 | Post noise amount. Rebuilds the renderer when changed. |
antialias | boolean | true | Enable renderer antialiasing. Rebuilds the renderer when changed. |
autoPauseOffscreen | boolean | true | Pause rendering while the canvas is off screen. |
transparent | boolean | true | Transparent background. |
Keyboard shortcuts and ARIA behavior.