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

Type

EffectGeometry

import type { EffectGeometry } from "@vfx-js/core";

Custom geometry for ctx.draw({ geometry }).

Properties

attributes: Record<string, EffectAttributeDescriptor>

Vertex attributes keyed by name. Names must match the attribute / in declarations in your vertex shader ("position" is conventional).

drawRange?: { count?: number; start?: number }

Restrict the draw call to a sub-range of vertices/indices.

indices?: Uint16Array | Uint32Array

Optional index buffer for indexed drawing.

instanceCount?: number

Number of instances for instanced drawing.

mode?: "triangles" | "lines" | "lineStrip" | "points"

Primitive type to draw. (Default: "triangles")