Slime Mold 3 Colors - OpenProcessing

mySketch
xxxxxxxxxx
 
const red = new Uint8Array([255, 0, 0]);
const green = new Uint8Array([0, 255, 0]);
const blue = new Uint8Array([0, 0, 255]);
const pallete = [red, green, blue];
​
const agentsNum = 1000;
const sensorOffset = 20;
const sensorAngle = Math.PI / 4;
const turnAngle = Math.PI / 4;
let agents;
​
function setup() {
  createCanvas(720, 720);
  pixelDensity(1);
  agents = new Agents();
}
​
function draw() {
  background(0, 10);
​
  stroke(255);
  strokeWeight(100);
  mouseIsPressed && line(pmouseX, pmouseY, mouseX, mouseY);
​
  loadPixels();
  for (let i = 10; i--; ) {
    agents.update();
  }
  updatePixels();
}
​
class Agent {
  constructor() {
    this.x = width / 2;
    this.y = height / 2;
    this.dir = random(TWO_PI);
    this.type = floor(random(3));
  }
  
  sense(dirOffset){
    const angle = this.dir + dirOffset;
    let x = floor(this.x + sensorOffset * cos(angle));
    let y = floor(this.y + sensorOffset * sin(angle));
    x = (x + width) % width;
    y = (y + height) % height;
​
    const index = (x + y * width) * 4;
    switch (this.type) {
      case 0:
        return +pixels[index] - pixels[index + 1] - pixels[index + 2];
      case 1:
        return -pixels[index] + pixels[index + 1] - pixels[index + 2];
      case 2:
        return -pixels[index] - pixels[index + 1] + pixels[index + 2];
    }    
  }
​
  updateDirection() {
    const right = this.sense(+sensorAngle);
    const center = this.sense(0);
    const left = this.sense(-sensorAngle);
​
    if (center < left || center < right) {
      if (left < right) {
        this.dir += turnAngle;
      } else if (left > right) {
        this.dir -= turnAngle;
      }
    }
  }
  updatePosition() {
    this.x += cos(this.dir);
    this.y += sin(this.dir);
    this.x = (this.x + width) % width;
    this.y = (this.y + height) % height;
​
    const index = (floor(this.x) + floor(this.y) * width)*4;
​
    const oldPixels = pixels.subarray(index, index + 3);
    const agentColor = pallete[this.type];
    const newPixels = new Uint8Array([
      oldPixels[0] | agentColor[0],
      oldPixels[1] | agentColor[1],
      oldPixels[2] | agentColor[2],
    ]);
    pixels.set(newPixels, index);
  }
}
​
class Agents {
  constructor() {
    this.agents = Array(agentsNum)
      .fill()
      .map((e) => new Agent());
  }
  
  update() {
    this.agents.forEach((e) => e.updateDirection());
    this.agents.forEach((e) => e.updatePosition());
  }
}
​