const cellSize = 3;

let currentRow = -300;

​

function setup() {

  createCanvas(600, 600);

  background("black");

​

  strokeWeight(0.03);

  const numCells = width / cellSize;

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

    cells[i] = 1;

  }

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

}

​

function draw() {

  // fill('white');

  noStroke();

​

  translate(0, currentRow * cellSize);

  currentRow++;

​

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

    if (cells[i] == 0) {

      fill("white");

      push();

​

      translate(width / 2, height / 2);

      for (j = 0; j < 10; j++) {

        rotate((PI * j) / 5);

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

      }

​

      pop();

    } else {

      fill("black");

      // noStroke();

      // stroke('white');

      push();

      translate(width / 2, height / 2);

      for (j = 0; j < 10; j++) {

        rotate((PI * j) / 5);

​

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

      }

​

      pop();

    }

  }

​

  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 = leftleft + left + middle + right + rightright;

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

      newCells[i] = 0;

    } else {

      newCells[i] = 1;

    }

  }

  cells = newCells;

}

​