let pts;

let cellSize, halfSize;

​

let maincolor, mainstroke;

let timerActive = 0;

function setup() {

  maincolor = color(255);

  mainstroke = 1;

  grid = [];

  pts = [];

​

  createCanvas(1000, 1000);

​

  cellSize = width * 0.1;

  halfSize = cellSize / 2;

​

  let _r = 0;

  let _c = 0;

  for (let r = 0; r < height; r += cellSize) {

    _c = 0;

    grid[_r] = [];

    for (let c = 0; c < width; c += cellSize) {

      grid[_r][_c] = { visited: false, x: c, y: r };

      _c++;

    }

    _r++;

  }

​

  let c = cellSize / 2;

  stroke(0);

  fill(20);

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

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

      let g = grid[r][c];

      square(g.x, g.y, cellSize);

    }

  }

​

  let row;

  let col;

​

  for (let i = 0; i < 250; i++) {

    row = int(random(grid.length));

    col = int(random(grid[row].length));

    pts.push({

      r: row,

      c: col,

      visited: [{ r: row, c: col }],

    });

  }

}

​

function check(elem) {}

function getConnected(p) {

  let dirs = [

    // r, c

    [-1, -1],

    [-1, 0],

    [-1, 1],

    [0, -1],

    [0, 1],

    [1, -1],

    [1, 0],

    [1, 1],

  ];

​

  let validMoves = [];

  for (let i = 0; i < dirs.length; i++) {

    let d = dirs[i];

    let _r = p.r + d[0];

    let _c = p.c + d[1];

​

    // let check = p.visited.filter(checkExists, p);

    let check = p.visited.filter((elem) => elem.r == _r && elem.c == _c);

​

    if (

      _r >= 0 &&

      _r < grid.length &&

      _c >= 0 &&

      _c < grid[0].length &&

      check.length == 0

    ) {

      // if (grid[_r][_c].open)

      validMoves.push({ r: _r, c: _c });

    }

  }

  return validMoves;

}

​

function draw() {

  drawShadow(4,null);

  if (timerActive > 0) {

    push();

    stroke(color(0,255,0));

    fill(color(0));

    textAlign(CENTER,CENTER);

    textSize(120);

    translate(width/2,height/2);

    text("YOU ARE LOVED",0,0);

    pop();

    let _c = color(0);

    _c._array[3] = map(timerActive,190,0,0.0,1.0);

    fill(_c);

    rect(0,0,width,height);

    timerActive--;

    if (timerActive <= 0) {

      timerActive = 0;

      mainstroke = 1;

      maincolor = color(random(255));

      for (let i = 0; i < pts.length; i++) {

        pts[i].visited = [{r:pts[i].r,c:pts[i].c}];

      }

    }

  }

​

  if (frameCount % 10 == 0) {

    for (let i = pts.length - 1; i >= 0; i--) {

      let p = pts[i];

​

      let neighbors = getConnected(p);

      if (neighbors.length > 0) {

        let n = random(neighbors);

​

        stroke(maincolor);

        strokeWeight(mainstroke);

        line(

          grid[p.r][p.c].x + halfSize,

          grid[p.r][p.c].y + halfSize,

          grid[n.r][n.c].x + halfSize,

          grid[n.r][n.c].y + halfSize

        );

        p.r = n.r;

        p.c = n.c;

        p.visited.push(n);

      } else {

        let oc = [];

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

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

            let check = p.visited.filter((elem) => elem.r == r && elem.c == c);

            if (check == 0) oc.push({ r: r, c: c });

          }

        }

​

        if (oc.length == 0) {

          noLoop();

          console.log("done");

        } else {

          let nc = random(oc);

          // stroke(color(255, 0, 255));

          strokeWeight(mainstroke);

          stroke(maincolor);

          line(

            grid[p.r][p.c].x + halfSize,

            grid[p.r][p.c].y + halfSize,

            grid[nc.r][nc.c].x + halfSize,

            grid[nc.r][nc.c].y + halfSize

          );

          p.r = nc.r;

          p.c = nc.c;

          p.visited.push(nc);

        }

      }

​

      // if (timerActive == 0) {

        // if (random() > 0.9) {

          let _row = int(random(grid.length));

          let _col = int(random(grid[_row].length));

          for (let k = p.visited.length - 1; k >= 0; k--) {

            if (p.visited[k].r == _row && p.visited[k].c == _col) {

              p.visited.splice(k, 1);

              maincolor = color(random(255));

              break;

            }

          // }

        // }

      }

    }

  }

​

  if (frameCount % 400 == 0) {

    mainstroke = 5;

    maincolor = color(0);

    timerActive = 190;

  }

}

​

function drawShadow(b, g) {

  if (g == null) {

    drawingContext.shadowOffsetX = 3;

    drawingContext.shadowOffsetY = 3;

    drawingContext.shadowBlur = b;

    drawingContext.shadowColor = color(0); //"black";

  } else {

    if (b == 0) {

      g.drawingContext.shadowOffsetX = 0;

      g.drawingContext.shadowOffsetY = 0;

      g.drawingContext.shadowBlur = 0;

      g.drawingContext.shadowColor = color(0); //"black";

    } else {

      g.drawingContext.shadowOffsetX = 3;

      g.drawingContext.shadowOffsetY = 3;

      g.drawingContext.shadowBlur = b;

      g.drawingContext.shadowColor = color(0); //"black";

    }

  }

}