textmode.synth.js / gradient

Function: gradient()

function gradient(speed?): SynthSource;

Generate a rotating radial gradient.

Parameters

Parameter	Type	Description
speed?	number | number[] | ((ctx) => number)	Rotation speed (default: 0.0)

Returns

SynthSource

Example

const t = textmode.create({
	width: window.innerWidth,
	height: window.innerHeight,
	plugins: [SynthPlugin],
});

t.layers.base.synth(gradient(0.2).kaleid(5));

t.windowResized(() => {
	t.resizeCanvas(window.innerWidth, window.innerHeight);
});