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

Type

EffectTexture

vfx-js/src/types.ts:585 ↗
import type { EffectTexture } from "@vfx-js/core";

A handle to a GPU texture.

Effect APIs (ctx.src, ctx.wrapTexture()) returns EffectTexture as the handle of raw WebGL texture. To use these textures, you need to pass this handle as uniform.

width / height are physical pixels of the source's native size (0 for images / videos that haven't loaded yet).

Call dispose() to release the underlying GL texture eagerly. Idempotent. Only textures you created via EffectContext.wrapTexture are freed; framework-owned textures (e.g. ctx.src) ignore the call. Do not use the handle after disposing it. Effects that rebuild a wrapped texture (e.g. a regenerated atlas) should dispose the previous handle to avoid leaking it until the effect is removed.

Properties

__brand

readonly __brand: "EffectTexture"

height

readonly height: number

width

readonly width: number

dispose

dispose(): void

update

update(): void

Re-upload from the source on the next draw. Use it with autoUpdate: false when the source changes now and then. No-op for framework-owned textures and wrapped WebGLTextures.