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

Type

BloomParams

effects/src/bloom.ts:256 ↗
import type { BloomParams } from "@vfx-js/effects";

Properties

dither

dither: number

Dither amount 0..1. Non-zero injects ±0.5-LSB interleaved-gradient noise at composite time to mask 8-bit banding.

edgeFade

edgeFade: number

Width (in uvContent units) over which the threshold input fades to zero past the element boundary.

intensity

intensity: number

Additive gain on the bloom.

pad

pad: number | "fullscreen"

Extra pad around the element in CSS (logical) px so the glow has room to spread. "fullscreen" reaches the viewport edges.

scatter

scatter: number

Halo spread, 0..1. Linear in octaves of reach: each step of 1/(depth−1) activates one more pyramid level. Intensity is normalised by active depth so brightness stays roughly scatter-independent.

softness

softness: number

Soft-knee width, 0..1. COD:AW-style quadratic knee of half-width threshold × softness centred on the cutoff. softness=0 → hard threshold; 1 → knee stretches down to zero.

threshold

threshold: number

Luminance cutoff in [0,1].