VFX-JS

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

Class

Crossfade

vfx-js/src/transition/crossfade.ts:3 ↗ 
import { Crossfade } 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.

Extends
ShaderTransition
Interface members
easeoverflowendoutputRectrenderstart

Constructors

new Crossfade() from ShaderTransition 

new Crossfade(params?: object = ...): Crossfade

Properties

frag 

readonly frag: "\nvec4 transition(vec2 uv, float t) {\n  return mix(readFrom(uv), readTo(uv), t);\n}\n"

Default: ...

name 

readonly name: "crossfade"

Default: "crossfade"

params from ShaderTransition 

params: object

Methods

uniforms from ShaderTransition 

uniforms(_ctx: TransitionEffectContext): TransitionUniforms

Uniforms for this frame. Read this.params here.