clear(row, col, directions, border)

Clears a specific cell and all connected cells in the quadrille based on the specified directions, using a flood fill algorithm. The border parameter determines if the clearing includes the boundary of the flood fill area.

Example

(click on any cell to perform flood fill based on selected options; press any key to reset)

code

Quadrille.cellLength = 20;
let quadrille;
let mode;

function setup() {
  createCanvas(400, 400);
  mode = createSelect();
  mode.option('flood fill 4-directions');
  mode.option('flood fill 4-directions border');
  mode.option('flood fill 8-directions');
  mode.option('flood fill 8-directions border');
  mode.selected('flood fill 4-directions');
  reset();
}

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

function mouseClicked() {
  const row = quadrille.mouseRow;
  const col = quadrille.mouseCol;
  switch(mode.value()) {
    case 'flood fill 4-directions':
      quadrille.clear(row, col, 4);
      break;
    case 'flood fill 4-directions border':
      quadrille.clear(row, col, 4, true);
      break;
    case 'flood fill 8-directions':
      quadrille.clear(row, col, 8);
      break;
    case 'flood fill 8-directions border':
      quadrille.clear(row, col, 8, true);
      break;
  }
}

function keyPressed() {
  reset();
}

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

Syntax

clear(row, col, directions, border)

Parameters

Param	Description
`row`	Number: row index of the cell to start clearing [0..height]
`col`	Number: column index of the cell to start clearing [0..width]
`directions`	Number: Number of directions for flood fill (4 or 8), default is 4
`border`	Boolean: Specifies whether to include the border of the flood fill area. Default is `false`

clear(row)clear(row, col, directions)