let ps;
let quadrille;
let coherence;

function preload() {
  ps = loadImage('/images/pola.jpg');
}

function setup() {
  Quadrille.cellLength = 25;
  createCanvas(24 * Quadrille.cellLength, 24 * Quadrille.cellLength);
  // Initialize checkbox with a label
  coherence = createCheckbox('Coherence', false)
    .position(10, 10)
    .style('color', 'white')
    .changed(update);
  // Initial quadrille setup
  update();
}

function update() {
  // Toggle coherence based on checkbox state
  quadrille = createQuadrille(24, ps, coherence.checked());
}

function draw() {
  background('orange');
  drawQuadrille(quadrille);
}