critterz2 - OpenProcessing

mySketch
xxxxxxxxxx
 
let gridSize = 10;
let critterSize = 5;
let numCritters = 200;
let critters = [];
let critterColors = [];
let animationSpeed = 0.05; // Chance of a pixel changing per frame
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  generateCritters();
}
​
function draw() {
  background(240);
  updateCritters();
  displayCritters();
}
​
function generateCritters() {
  for (let i = 0; i < numCritters; i++) {
    let critter = createCritter();
    critters.push(critter);
    critterColors.push(color(random(255), random(255), random(255)));
  }
}
​
function createCritter() {
  let grid = [];
  for (let i = 0; i < gridSize / 2; i++) {
    grid[i] = [];
    for (let j = 0; j < gridSize; j++) {
      grid[i][j] = random() > 0.5;
    }
  }
  
  // Mirror the left half to create symmetry
  for (let i = gridSize / 2; i < gridSize; i++) {
    grid[i] = [];
    for (let j = 0; j < gridSize; j++) {
      grid[i][j] = grid[gridSize - 1 - i][j];
    }
  }
  
  return grid;
}
​
function updateCritters() {
  for (let critter of critters) {
    for (let i = 0; i < gridSize / 2; i++) {
      for (let j = 0; j < gridSize; j++) {
        if (random() < animationSpeed) {
          critter[i][j] = !critter[i][j];
          critter[gridSize - 1 - i][j] = critter[i][j]; // Maintain symmetry
        }
      }
    }
  }
}
​
function displayCritters() {
  let cols = floor(width / (gridSize * critterSize));
  let rows = floor(height / (gridSize * critterSize));
  
  for (let i = 0; i < rows; i++) {
    for (let j = 0; j < cols; j++) {
      let index = i * cols + j;
      if (index < critters.length) {
        let x = j * gridSize * critterSize;
        let y = i * gridSize * critterSize;
        displayCritter(critters[index], critterColors[index], x, y);
      }
    }
  }
}
​
function displayCritter(critter, bgColor, x, y) {
  // Draw background
  fill(bgColor);
  noStroke();
  rect(x, y, gridSize * critterSize, gridSize * critterSize);
  
  // Draw critter
  for (let i = 0; i < gridSize; i++) {
    for (let j = 0; j < gridSize; j++) {
      if (critter[i][j]) {
        fill(0);
        noStroke();
        rect(x + i * critterSize, y + j * critterSize, critterSize, critterSize);
      }
    }
  }
}
​
function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}