fill(row, value)

Fills an entire row in the quadrille with the specified value.

Example #

(click on a row to fill it with white; press any key to reset)

code

Quadrille.cellLength = 20;  
let quadrille;  

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

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

function mouseClicked() {  
  const row = quadrille.mouseRow;  
  quadrille.fill(row, 255);  
}  

function keyPressed() {  
  reset();  
}  

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

Syntax #

fill(row, value)

Parameters #

Param	Description
`row`	Number: The row index to fill [0..height]
`value`¹	Any: A valid JavaScript value

If value is a function, it is evaluated per cell. Use Quadrille.factory(({ row, col }) => new Object(...)) to generate a new object per cell. For display routines, use a plain function like ({ row, col, options }) => { ... }. See options for available parameters. ↩︎