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;

function preload() {
  // Load images in preload so that they are ready before setup
  sb = loadImage('/images/simon_bolivar_wedding.jpg');
}

function setup() {
  createCanvas(6 * Quadrille.cellLength, Quadrille.cellLength);
  // 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 #

ParamDescription
arrayAn array containing any combination of valid JavaScript values. Use null to represent empty cells