textmode.synth.js / charColor

Function: charColor()

Call Signature

function charColor(source): SynthSource;

Create a synth source with character foreground color defined.

This function creates a SynthSource where the character foreground color is driven by the provided source pattern. This is compositional and can be combined with char() and cellColor().

Accepts either a SynthSource (pattern) or RGBA values (solid color).

Parameters

Parameter	Type	Description
source	SynthSource	A SynthSource producing color values

Returns

SynthSource

A new SynthSource configured with character color

Example

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

t.layers.base.synth(
  charColor(osc(10, 0.1, 1.2))
    .char(noise(8))
);

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

Call Signature

function charColor(
   r, 
   g?, 
   b?, 
   a?): SynthSource;

Create a synth source with character foreground color defined using RGBA values.

Parameters

Parameter	Type	Description
r	SynthParameterValue	Red channel (0-1) or value
g?	SynthParameterValue	Green channel (0-1) or value
b?	SynthParameterValue	Blue channel (0-1) or value
a?	SynthParameterValue	Alpha channel (0-1) or value

Returns

SynthSource

A new SynthSource configured with character color

Example

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

t.layers.base.synth(
  charColor(1, 0.2, 0.1, 1)
    .char(noise(10))
);

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

Call Signature

function charColor(gray): SynthSource;

Create a synth source with character foreground color defined using a grayscale value.

Parameters

Parameter	Type	Description
gray	SynthParameterValue	Grayscale value (0-1)

Returns

SynthSource

Example

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

t.layers.base.synth(
  charColor(0.9)
    .char(noise(6))
);

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