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

Type

WarpParams

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

Properties

amplitude: number

Distortion strength.

centerX: number

Effect center X, in [0, 1].

centerY: number

Effect center Y, in [0, 1].

frequency: number

Spatial frequency (affects the wave-based types).

speed: number

Animation speed for the wave-based types (0 = static).

type: WarpType

Distortion shape.