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

Type

GradientMapParams

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

Properties

colors: string[]

Gradient color stops (2–8), evenly spaced over the luminance range.

frequency: number

How many times the gradient repeats across the luminance range.

mixSpace: GradientMapMixSpace

Color space used to interpolate the gradient.

offset: number

Shift the lookup position along the gradient, in [0, 1].

repeat: GradientMapRepeat

How the lookup folds back when out of range (none = clamp).

scatter: number

Random luminance jitter before the lookup, in [0, 1].

speed: number

Animate the offset over time, in [-1, 1] (0 = static).