Detithering Image

Halftone stipple: black dots on white paper, density from image darkness (deterministic grain). Pointer repels ink; click sends a shockwave. Use the panel to upload an image, tune physics, and save presets locally.

Canvas
Pointer
Motion

Preview

Move your pointer to push dots away. Click to trigger a ripple.

Controls

Quick is best for first-time tweaks. Advanced exposes all rendering and physics settings.

Source

Upload image

Using default image.

Mode

Render mode

Style

Invert colors

Custom paper and ink

Quick controls

Start here for fast results. Open Advanced for deeper rendering and motion tuning.

Display size (px)420

Repel radius100

Repel strength2.40

Ripple

Presets

Saved only in this browser. Uploaded images are not included in presets.

Name

No presets yet. Save your current settings to create one.

Presets are stored in this browser.

example.tsx

1// TypeScript2import { DitetheringPlayground } from "@/components/DitetheringPlayground";3 4const src: string = "/logos/linear.png";5const alt: string = "Linear logo as halftone Ditethering";6 7<DitetheringPlayground8  defaultSrc={src}9  defaultAlt={alt}10/>