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

Type

PixelSortParams

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

Properties

angle: number

Sort axis rotation in degrees. Non-zero wraps the sort in a rotate-in / rotate-out pass pair so the streaks run at any angle.

bypass: boolean

Skip the sort and pass the source through (premultiplied).

direction: PixelSortDirection

Which end of a run the bright pixels gather toward.

key: PixelSortKey

Channel ranked within each bright run.

range: [number, number]

Sort band [lo, hi] in [0,1]. Only pixels whose key lands inside are sorted.

sortRes: number

Number of cells the sort axis is divided into. Higher = finer sort.