Class VFX

Creates VFX instance and start playing immediately.

Create a VFX instance if WebGL is available, or return null.

Register an element to track the position and render visual effects in the area.

Register an element using html-in-canvas API.
Wraps the element in a <canvas layoutsubtree> and captures via drawElementImage.
Falls back to add() if html-in-canvas is not supported.

Remove the element from VFX and stop rendering the shader.

Replace the effect chain on an already-registered effect-path
element in-place. Effects whose reference is unchanged keep their
init state and GPU resources; only added/removed effects run
init / dispose. The element's source texture is preserved.

Useful for live UIs that reorder or toggle effects without paying
the cost of vfx.remove + vfx.add (which reloads the source).

Update the texture for the given element.

If the element is an HTMLImageElemnt or HTMLVideoElement, VFX-JS does nothing.
Otherwise, VFX-JS captures a new snapshot of the DOM tree under the elemnt and udpate the WebGL texture with it.

This is useful to apply effects to eleents whose contents change dynamically (e.g. input, textare etc).

Start rendering VFX.

Stop rendering VFX.
You can restart rendering by calling VFX.play() later.

Render the whole scene once, manually.
This is useful when you want to control the rendering timings manually by combining with autoplay: false.

Destroy VFX and stop rendering.