Your system asks for reduced motion, so VFX-JS draws nothing. Demos on this site show plain HTML.
Class
ShaderTransition<P extends object = object>
vfx-js/src/transition/shader.ts:66 ↗
import { ShaderTransition } from "@vfx-js/core";A transition made of one shader.
frag defines vec4 transition(vec2 uv, float t) and reads the two sides with readFrom / readTo.
- Implements
-
Transition - Extended by
-
Crossfade - Interface members
-
easenameoverflowendoutputRectrenderstart
Constructors
new ShaderTransition()
new ShaderTransition<P extends object = object>(params?: P = ...): ShaderTransition<P>Properties
frag abstract
readonly frag: stringparams
params: PMethods
uniforms
uniforms(_ctx: TransitionEffectContext): TransitionUniformsUniforms for this frame. Read this.params here.