var p_count = 0;

const AMT = 100;

var linevas;

​

const moves = {

  A: [-1, 0], // LEFT

  B: [1, 0], // RIGHT

  C: [0, -1], // UP

  D: [0, 1], // DOWN

  E: [1, 1], // TODO: LERP :) RIGHT & DOWN

  F: [1, -1], // right UP

  G: [-1, 1], // left down

  H: [-1, -1], // left up

  X: [5, -2.5], // TODO MAKE RANDOM SOMEHOW

};

​

const predetermined_gene_patterns = [

  "AAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBAAAAAAAAAAAAAACCCCCCCCCCCCCCCCCCCCCCCCAAAAAAAAAAAAAADDDDDDDDDDDDDBBBBBBBBBBBBB",

  "FFFFFFFFFFFFFFFFFFEEEEEEEEEEEEEEEEEEEEEEEEAAAAAAAAAAAAAAAAAAAAAAAAAA",

  "BBBBBBBBBBBBBBBBBBBBBBBBBBEEEEEEEEEEEEEEEEEEBBBBBBBBBBBBBBBBBBBBBBBBBBBB",

  "AAAAAAAAAAAAAAAAAAAAAAAAAAXAAAAAAAAAAXAAAAAAAAAAAAAXA",

];

​

const alphabet = "ABCD";

var color_t = 0;

var color_d = 10;

​

// Generate a random gene of length n

function generateGene(n) {

  let gene = "";

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

    gene += alphabet[Math.floor(Math.random() * alphabet.length)];

    if (random() > random()) {

      gene += random(predetermined_gene_patterns);

    }

  }

​

  return gene;

}

​

function setup() {

  createCanvas(400, 400);

  linevas = createGraphics(400, 400);

​

  // add some particles

  for (var i = 0; i < AMT; i++) {}

  particles.push(new Particle("ABCDAB"));

  particles.push(new Particle("CDCDCD"));

  particles.push(new Particle("BADCAB"));

}

​

class Particle {

  constructor(gene) {

    this.pos = createVector(width / 2, height / 2);

    this.id = p_count++;

    this.gene = gene;

    this.i = 0;

    this.n = gene.length;

    this.color = color(

      noise(color_t, gene.length) * 255,

      noise(

        color_t,

        [...gene]

          .map((e) => e.charCodeAt(0))

          .reduce((partialSum, a) => partialSum + a, 0)

      ),

      255

    );

  }

​

  update() {

    var [x, y] = moves[this.gene[this.i]];

​

    var move = createVector(x, y);

    // if(this.id == 1) {

    //   print(moves[this.gene[this.i]])

    //   print(this.gene[this.i])

    //   print(x,y)

    //   print(this.pos)

    //   print(move)

    // }

    this.pos.add(move);

    this.i = (this.i + 1) % this.n;

  }

​

  draw() {

    fill(this.color);

    ellipse(this.pos.x, this.pos.y, 10, 10);

    linevas.push();

    linevas.stroke(this.color);

    linevas.point(this.pos.x, this.pos.y);

    linevas.pop();

  }

}

​

function draw() {

  background(220);

  image(linevas, 0, 0);

  color_t += color_d;

​

  for (var i = particles.length - 1; i > -1; i--) {

    particles[i].update();

    particles[i].draw();

​

    // remove particles that are out of the screen

    if (

      particles[i].pos.x < 0 ||

      particles[i].pos.x > width ||

      particles[i].pos.y < 0 ||

      particles[i].pos.y > height

    ) {

      particles.splice(i, 1);

    }

  }

​

  if (particles.length < AMT) {

    particles.push(new Particle(generateGene(random(4, 50))));

  }

}

​