Quadrille.textColor

Defines the default text color used for drawing the quadrille cells. The default value is Quadrille.textColor, which is 'DodgerBlue'.

Example

'use strict';
// Set a common cell length of 40 pixels for all quadrilles
Quadrille.cellLength = 40;
let q1, q2, q3, q4;
let localPicker, globalPicker;

function setup() {
  createCanvas(650, 330);
  q1 = createQuadrille(8, 'cronopiofabulosaliteratatangente');
  q2 = createQuadrille(8, 'galaxiassoñadorainfinitoarmónico');
  q3 = createQuadrille(8, 'ensueñoscaprichosilencioaventura');
  q4 = createQuadrille(8, 'claridadlecturasmisterioviajeros');
  localPicker = createColorPicker('magenta');
  localPicker.position(10, 10);
  // Initialize global picker with the default Quadrille.textColor value
  globalPicker = createColorPicker(Quadrille.textColor);
  globalPicker.position(340, 10);
  globalPicker.input(() => Quadrille.textColor = globalPicker.value());
}

Note

q1 is drawn with a text color controlled by the local color picker (localPicker), initialized to 'magenta'.

q2, q3, and q4 use the global Quadrille.textColor set by the global color picker (globalPicker).

Syntax

drawQuadrille(quadrille, { textColor })

Parameters

Param	Description
`textColor`	String \| p5.Color: Specifies the color used for drawing the text. The default is `Quadrille.textColor`, which is `'DodgerBlue'`

What this page's examples use

p5.quadrille: drawQuadrille createQuadrille cellLength textColor
p5.js: createCanvas background value position input createColorPicker

Names the analysis can prove are called, and the line each one is documented on. Local variables and members of an unknown receiver are left out.