VFX-JS

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

Class

RgbGlitchEffect

effects/src/rgb-glitch.ts:70 ↗ 
import { RgbGlitchEffect } from "@vfx-js/effects";

Effect interface.

Lifecycle hooks:

  • init: called once on effect register
  • update: called every frame, before render
  • render: called every frame. Bypassed if omitted
  • dispose: called once on removal

outputRect declares the rect this stage writes into, in element-local physical px. Defaults to the source rect (no growth).

Implements
Effect
Interface members
render

Constructors

new RgbGlitchEffect() 

new RgbGlitchEffect(initial?: Partial<RgbGlitchParams> = {}): RgbGlitchEffect

Properties

params 

params: RgbGlitchParams

Methods

setParams 

setParams(updates: Partial<RgbGlitchParams>): void