​

class Ant {

  constructor(x, y, col, diameter) {

    this.position = createVector(x, y);

    this.color = col;

    this.diameter = diameter;

    this.velocity = createVector(0, 0);

    this.target = target;

    this.target.x += random(-10,10);

    this.target.y += random(-10,10);

  }

  update() {

    let dx = abs(this.target.x - this.position.x);

    let dy = abs(this.  target.y - this.position.y);

    let angle = atan2(dy, dx);

​

    this.velocity.x = random(1, 5) * cos(angle);

    this.velocity.y = random(1, 5) * sin(angle);

​

    this.position.x += this.velocity.x;

    this.position.y += this.velocity.y;

​

    if (

      this.position.x > width ||

      this.position.x < 0 ||

      this.position.y > height ||

      this.position.y < 0

    ) {

      this.position.x = random(width);

      this.position.y = random(height);

      this.velocity.x = random(-4, 4);

      this.velocity.y = random(-4, 4);

    }

  }

  draw() {

    noStroke();

    fill(this.color);

    circle(this.position.x, this.position.y, this.diameter);

  }

}

​

function euclidean(p1, p2) {

  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));

}

​

function getRandomInt(min, max) {

  min = Math.ceil(min);

  max = Math.floor(max);

  return Math.floor(Math.random() * (max - min) + min); //The maximum is exclusive and the minimum is inclusive

}

​

function setup() {

  createCanvas(7000,7000);

  blendMode(MULTIPLY);

  ants = [];

​

  // # cc242

  colors = [

    color(250,244,228,255),

    color(187,212,68,255),

    color(251,215,68,255),

    color(250,123,83,255),

    color(66,60,111  ,255),

  ];

  // # jung croc

  // colors = [

  //   color(255,255,255,255),

  //   color(241,50,116,255),

  //   color(238,208,62,255),

  //   color(64,97,127,255),

  //   color(25,161,152,255),

  // ];

  // https://kgolid.github.io/chromotome-site/ # hilda02

  //   colors = [

  //     color(135, 135, 135, 255),

  //   color(235, 235, 235, 255),

  //   color(18, 36, 56, 255),

  //   color(221, 103, 46, 255),

  //   color(135, 199, 202, 255),

  // ];

  // colors = [

  //   color(119, 193, 192, 255),

  //   color(235, 86, 39, 255),

  //   color(238, 187, 32, 255),

  //   color(78, 158, 184, 255),

  //   color(247, 245, 208, 255),

  // ];

​

  step = 0;

  diam = 0;

  steps = 5;

  target = createVector(random(width), random(height));

  timer = 500;

​

  background(colors[0]);

​

  // stroke(255);

  // noFill();

  // circle(target.x, target.y, 20);

​

  let n_ants = 25000; //15000

  // n_ants = 1500;

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

    ants.push(

      new Ant(random(width), random(height), colors[1],random(3))//colors[getRandomInt(1,colors.length)], random(3))

    );

  }

}

​

function draw() {

  if (frameCount % 500 == 0) {

    target = createVector(random(width), random(height));

​

    // stroke(255);

    // noFill();

    // circle(target.x, target.y, 20);

    step++;

    console.log(`Step: ${step}`);

​

    // } else {

    //   noStroke();

    //   fill(color(0,0,0,100));

    //   circle(target.x, target.y, diam);

    //   diam++;

  }

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

    let _s = step+1; if (_s > colors.length-1) _s = 0;

    ants[i].color = colors[_s];

    ants[i].update();

    ants[i].draw();

  }

​

  if (step >= steps) {

    console.log("done");

    noLoop();

    let o = 50;

    blendMode(BLEND);

    fill(colors[0]);

    noStroke();

    rect(0,0,o,height);

    rect(0,0,width,o);

    rect(0,height-o,width,o);

    rect(width-o,0,o,height);

    fill(color(0,0,0,25));

    rect(o+2,height-o,width-(o*2)+3,5);

    rect(width-o,o+2,5,height-(o*2));

  }

}

​