let x;

x = 0;

let sky;

var grid = [

    [false, false, false, false, true],

    [false, true, true, false, false],

    [false, true, true, true, true],

    [false, false, false, false, false],

    [false, false, false, false, false]

  ];

function setup() {

  createCanvas(500, 500);

  stroke(0, 0, 0);

  sky = loadImage("file-20210401-13-z6rl6z (1).jpg");

​

}

​

function draw() {

image(sky,0,0,600,400);

  var won = true;

  for (var r = 0; r < grid.length; r++)

    for (var c = 0; c < grid[r].length; c++)

      if(grid[r][c] === true)

        won = false;

  if(won === true) {

    background(255);

    fill(0);

    stroke(0);

    textAlign(CENTER);

    textSize(30);

    text("completion",0+x,0+x);

    x++;

  }else  {

      drawGrid();

​

  }   

}

​

function mousePressed() {

  let col = int(mouseX / 60);

  let row = int(mouseY / 60);

  flipLight(row,col);

 if(isValid(row - 1,col)===true){

    flipLight(row - 1,col);

 }

  if(isValid(row + 1,col)===true){

    flipLight(row + 1,col);

  }

  if(isValid(row,col - 1)===true){

    flipLight(row,col - 1);

}

  if(isValid(row,col + 1)===true){

    flipLight(row,col + 1);

  }

  if(isValid()===false){

    flipLight(r,c);

  }

}

​

function flipLight(r, c){

  grid[r][c]=!grid[r][c];

}

​

function isValid(r,c){

  if(c > 4 || c < 0 || r > 4 || r < 0)

    return false;

  else{

  return true;

}

}

​

function drawGrid(){

  for (var r = 0; r < grid.length; r++)

    for (var c = 0; c < grid[r].length; c++) {

      let x = c * 60;

      let y = r * 60;

      if (grid[r][c] === false) 

        fill(255,0,0,200);

      else 

        fill(0,255,0,200);

      rect(x, y, 55, 55);

    }

}