clear()

Clears all cells in the quadrille, setting each cell to empty (i.e., null).

Example #

(click or press any key to toggle between clearing all cells and resetting to random colors)

code

Quadrille.cellLength = 20;  
let quadrille;  
let cleared = false;  

function setup() {  
  createCanvas(400, 400);  
  reset();  
}  

function draw() {  
  background(0);  
  drawQuadrille(quadrille);  
}  

function mouseClicked() {  
  cleared = !cleared;
  cleared ? quadrille.clear() : reset();
}  

function keyPressed() {  
  cleared = !cleared;
  cleared ? quadrille.clear() : reset();
}

function reset() {  
  quadrille = createQuadrille(20, 20, 100, color('red'));  
  quadrille.rand(100, color('lime')).rand(100, color('blue'));
}

Empty cells appear black because the background is set to black (background(0)).

Syntax #

clear()