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

Type

TilePixelateParams

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

Properties

averageColor: number

Blend toward the in-cell average color, in [0, 1].

colorTrim: number

Color posterization amount (0 = none; higher = fewer colors).

dissolve: number

Fraction of cells dropped at random, in [0, 1].

falloff: number

Spatial bias of the dissolve, in [0, 1].

gap: number

Gap between cells, as a fraction of the cell (0 = touching).

knockout: boolean

Punch transparency in gaps/dropped cells instead of showing source.

shape: TilePixelateShape

Cell shape.

size: number

Cell size, in px.

stretch: number

Cell width factor (1 = square; >1 wider).