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.

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.