Halftone Dots
A flexible image halftone that turns tone and color into graphic dot patterns.
Customize
Size
0.5
Radius
1.25
Contrast
0.4
Grain Mixer
0.2
Grain Overlay
0.2
Grain Size
0.5
Scale
1
API reference
The wrapper adds playback and runtime safeguards while preserving the
complete Paper HalftoneDots API. See the
Paper Halftone Dots reference for
the full prop table and accepted ranges.
| Prop | Type | Default | Description |
|---|---|---|---|
image | string | HTMLImageElement | undefined | Optionally supplies the source image used by the halftone effect. |
playback | "auto" | "always" | "paused" | "auto" | Controls motion policy. Auto pauses for reduced motion and while the shader is outside the viewport. |
width / height | number | string | "100%" | Sets the canvas CSS dimensions. Size the parent element to establish the visible area. |
maxPixelCount | number | 2073600 | Caps the rendered pixel budget. Override only after measuring the target devices. |
Credits
The rendering engine is Paper Shaders, distributed under the Apache License 2.0. The example image is Scott Webb's Banff landscape, released under CC0. vivid-layer supplies the adapter, playback and loading policies, documentation, and Registry packaging.
