A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a trail that knits back cell by cell.
Every prop is wired to the controls underneath. Move the pointer over the image to burn through the dither, and click to send a ring of colour across it.
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | 'https://images.unsplash.com/...' | Image to veil. Must be served with CORS headers. |
fit | 'contain' | 'cover' | 'contain' | Show the whole image on the ink, or crop it to fill the container. |
pattern | 'bayer' | 'noise' | 'atkinson' | 'floyd' | 'lines' | 'floyd' | How the image is broken into dots: an ordered Bayer grid, blue noise stipple, Atkinson or Floyd-Steinberg error diffusion, or diagonal engraving lines. |
palette | 'duotone' | 'rgb' | 'duotone' | Duotone maps brightness between the ink and paper colours. RGB dithers each channel for a retro colour look. |
pixelSize | number | 2 | Size of each dither cell, in px. |
levels | number | 2 | Tones per channel. 2 is pure 1-bit, higher values add in-between shades. |
inkColor | string | '#120f17' | Colour of the darkest tone. |
paperColor | string | '#f4f1ea' | Colour of the lightest tone. |
contrast | number | 1.15 | Tonal contrast applied before dithering. |
brightness | number | 0 | Shifts the image lighter or darker before dithering. |
revealRadius | number | 200 | Radius of the full-colour window around the cursor, in px. |
softness | number | 0.6 | How much of the reveal edge dissolves through the dither. 0 is a hard cut. |
linger | number | 1 | Seconds the revealed trail takes to knit back into dither. 0 turns the trail off. |
rimColor | string | '#a78bfa' | Colour of the cells along the dissolving edge. |
rim | number | 0 | Thickness of the coloured rim on the dissolving edge. 0 hides it. |
reverse | boolean | false | Start in full colour and dither wherever the cursor goes. |
wander | boolean | false | Let the reveal drift around on its own while the pointer is away. |
clickBurst | boolean | true | Clicking sends a ring of colour rippling out across the image. |
Keyboard shortcuts and ARIA behavior.