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

createQuadrille(jagged_array)createQuadrille(width, array)