const cellSize = 2;

let currentRow = 0;

​

function setup() {

  createCanvas(500, 500);

  background('black');

  strokeWeight(0.3);

​

​

​

  const numCells = width / cellSize;

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

    cells[i] = 0;

  }

  cells[round(numCells / 2)] = 0;

  // translate(width/2,height/2);

}

​

function draw() {

  fill('white');

  noStroke();

  // translate(0, cellSize*500);

  translate(100, currentRow*2);

    // translate(0, cellSize*currentRow );

  currentRow++;

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

    if (cells[i] == 1) {

      fill('black');

        ellipse(i * cellSize, 0, cellSize, cellSize);

      // rotate(2);

      // translate(3,5);

    } else if (cells[i] == 2) {

      fill('black');

      stroke('black');

     / // rect(i * cellSize, 0, cellSize, cellSize);

    } else {

      // noFill();

      stroke('white');

      fill('white');

      rect(i * cellSize, 0, cellSize, cellSize);

}

     // rotate(2);

    // translate(-300, -300);

  // rect(i * cellSize, 0, cellSize, cellSize);

  }

  let newCells = [];

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

    // const leftleft = cells[i - 2] ?? 0;

    // const left = cells[i - 1] ?? 0;

    // const middle = cells[i];

    // const right = cells[i + 1] ?? 0;

    // const rightright = cells[i + 2] ?? 0;

    // const sum = left + middle + right + leftleft + rightright;

    let sum = 0;

    let nSize = 20;

    for (let n = -nSize; n <= nSize; n++) {

      sum = sum + (cells[i + n] ?? 0);

    }

    if (sum % 1 || sum %3) {

      newCells[i] = 2;

    } else if (sum < 10) {

      newCells[i] = 1;

    } else {

      newCells[i] = 0;

    }

​

  }

  cells = newCells;

  // translate(10,3);

  // rotate(cells);

}

​

​