Your system asks for reduced motion, so VFX-JS draws nothing. Demos on this site show plain HTML.

Class

HalftoneEffect

import { HalftoneEffect } from "@vfx-js/effects";

Effect interface.

Lifecycle hooks:

init: called once on effect register
update: called every frame, before render
render: called every frame. Bypassed if omitted
dispose: called once on removal

outputRect declares the rect this stage writes into, in element-local physical px. Defaults to the source rect (no growth).

Implements: Effect
Interface members: render

Constructors

new HalftoneEffect()

new HalftoneEffect(initial?: Partial<HalftoneParams> = {}): HalftoneEffect

Properties

params

params: HalftoneParams

Methods

setInkPreset

setInkPreset(name: HalftoneInkPresetName): void

Apply a named ink preset. Presets are partial overlays — applying a CMYK-only preset (e.g. "fogra51") leaves the RGB inks alone and vice versa, so a story can switch presets per mode without resetting the other side.

setParams

setParams(updates: Partial<HalftoneParams>): void