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

Type

VFXCapture

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

An element captured as a texture by VFX.capture, without drawing it. Pass texture to any effect of the same VFX instance.

Properties

rect

readonly rect: VFXCaptureRect

Where the element is. The same object for the life of the capture; its fields change.

texture

readonly texture: EffectTexture

The captured pixels. The same object for the life of the capture.

dispose

dispose(): void

Stop capturing, free the texture and restore the element. Idempotent.

update

update(): Promise<void>

Capture again. Resolves when the new pixels are in texture. With the DOM snapshot fallback (no html-in-canvas), and for images, the texture changes only when you call this.