Surfaces / effect

Ink Halftone

A static image print with angled dot screens, two inks, registration offset and seeded grain.

Open in studio ↗

PLAYGROUND

Preparing preview…

Take it with you.

SOURCE ACCESS

Preview freely. Unlock the files.

Enter the shared password to copy the complete source, download every file, and install components in your app.

Access lasts 24 hours. Your preview settings stay with you.

Component notes

Independently authored image-luminance dot screens with two ink colors, registration offset and deterministic grain. No proprietary editor source, preset or exported media is included.
Original local studio sculpture media is bundled. The primitive has no implicit source URL; supply src and meaningful alt or use Demo for the full print composition.
A static print requires no continuous animation loop. Pause and replay preserve the same seeded impression. Dot size, angle and registration create distinct riso and monochrome treatments.
DPR is capped at 1.5 and the longer physical edge at 2048 pixels. Image ownership ignores stale loads; CORS failure retries once for native image display without feeding that image into WebGL.

React 19.2Modern browsersWebGL

Chungus UI · Project-authored source; distribution terms remain a release decision.

Props

Prop	Type	Default	Description
`src`	string	`undefined`	Caller-owned image source. The primitive requests no image when omitted; Demo and gallery controls supply the bundled local artwork.
`alt`	string	`"Halftone image"`	Meaningful image description; Demo and gallery controls describe the bundled artwork.
`mode`	'riso' \| 'mono'	`"riso"`	Print mode; accepted ranges and choices are shown in the controls.
`dotSize`	number	`5`	Dot size; accepted ranges and choices are shown in the controls.
`angle`	number	`22.5`	Screen angle; accepted ranges and choices are shown in the controls.
`registration`	number	`1.5`	Registration; accepted ranges and choices are shown in the controls.
`contrast`	number	`1.2`	Contrast; accepted ranges and choices are shown in the controls.
`grain`	number	`0.18`	Grain; accepted ranges and choices are shown in the controls.
`inkColor`	string	`"#be3d50"`	First ink; accepted ranges and choices are shown in the controls.
`secondInkColor`	string	`"#177e89"`	Second ink; accepted ranges and choices are shown in the controls.
`paperColor`	string	`"#f4eddb"`	Paper; accepted ranges and choices are shown in the controls.
`seed`	number	`17`	Seed; accepted ranges and choices are shown in the controls.
`paused`	boolean	`false`	Stops decorative motion while preserving useful content and interaction.
`replayToken`	number	`0`	Change to restart decorative phase without remounting content; static prints and agent activity retain their state.
`className`	string	`''`	Additional scoped host class.
`style`	CSSProperties	`undefined`	Inline host styles; caller owns container layout.