The createQuadrille(width, array) function creates a quadrille with a specified number of columns (width) and fills its cells using items from the provided array. The items are arranged sequentially across the specified columns, creating one or more rows as needed. The array can contain any combination of valid JavaScript values, with null representing empty cells.

Example #

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(3 * Quadrille.cellLength, 2 * Quadrille.cellLength);
  // Define the quadrille with diverse content
  quadrille = createQuadrille(3, ['hi', 100, null, sb, '🦜', color('red')]);
}

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

The createQuadrille(width, array) function lets you specify the number of columns (width) while filling the quadrille with items from the provided array. Items are arranged sequentially into rows, and any null values represent empty cells. For handling the values, refer to createQuadrille(jagged_array).

Syntax #

createQuadrille(width, array)

Parameters #