createQuadrille(array)

The createQuadrille function creates a quadrille and fills its cells using items from the array as the source. The array can contain any combination of valid JavaScript values, with null representing empty cells.

Example#

code

let sb; // Image variable
let quadrille;

async function setup() {
  createCanvas(6 * Quadrille.cellLength, Quadrille.cellLength);
  // Load image
  sb = await loadImage('/images/simon_bolivar_wedding.jpg');
  // Define the quadrille with diverse content
  quadrille = createQuadrille(['hi', 100, null, sb, '🦜', color('red')]);
}

function draw() {
  background('#DAF7A6');
  drawQuadrille(quadrille); // Render the quadrille
}

The createQuadrille(array) function lets you populate a quadrille with any valid JavaScript values, such as images, colors, and strings, provided in an array; for handling these values, see createQuadrille(jagged_array).

Syntax#

createQuadrille(array)

Parameters#

Param	Description
`array`	An array containing any combination of valid JavaScript values. Use `null` to represent empty cells