// (0, 0, 0),

  (220, 220, 220),

  // (220, 220, 220),

  "#ff71ce",

  "#01cdfe",

  "#05ffa1",

  "#b967ff",

  "#fffb96",

  "#0f62fe",

  // (0, 0, 0),

  // (0, 0, 0),

  // (0,0,0),

];

let ibm_blue = "#0f62fe";

​

let commits;

let maxCommits = 5000;

let maxNum = 50;

const zoom = 0.01;

function setup() {

  createCanvas(windowWidth, windowHeight);

  noiseDetail(8, 0.75);

​

  commits = [];

​

  let today = new Date();

  let d_inc = 0;

  for (let x = 0; x < maxCommits; x++) {

    let v = 0;

    if (random() > 0.9) v = int(random(0, maxNum));

​

    let _date = new Date(today.getTime()+(d_inc*(1000*60*60*24)));

​

    let d = _date.getDate();

    let m = _date.getMonth();

    let y = _date.getFullYear();

    commits.push({ x: x, y: v, date: `${m}/${d}/${y}` });

  }

​

  background(220);

  noFill();

​

  c_ibm_blue = color(ibm_blue);

  c_ibm_blue.setAlpha(120);

​

  sc = windowWidth / 1000;

  textSize(24 * sc);

}

​

let idx = 0;

let c_ibm_blue;

let sc;

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

​

  sc = windowWidth / 1000;

  textSize(24 * sc);

}

​

function draw() {

  let col = color(vaporwave[idx]);

  col.setAlpha(5);

  background(col);

​

  stroke(color(255, 255, 255, 50));

  for (let starty = 0; starty < height - height / 5; starty += height / 5) {

    beginShape();

    for (let x = 0; x < width + width / 50; x += width / 50) {

      let n = noise(x * zoom, starty * zoom, frameCount * zoom);

      let y = starty + map(n, 0.0, 1.0, 0, height * 0.2);

      vertex(x, y);

    }

    endShape();

  }

​

  // stroke(20);

  stroke(c_ibm_blue);

  if (frameCount % 100 == 0) idx++;

  if (idx > vaporwave.length - 1) idx = 0;

​

  beginShape();

  for (let c of commits) {

    if (c.x < width) {

      let y = map(c.y, 0, maxNum, height, height * 0.35);

      vertex(c.x, y);

​

      push();

      stroke(color(20,20,20,180))

      // stroke(0);

      fill(color(220,220,220,180));

      textSize(24);

      translate(c.x, y);

      rotate(HALF_PI);

      text(c.date, 0, 0);

      pop();

    }

​

    c.x--;

    if (c.x < 0) c.x = maxCommits;

​

    // if (c.x > width) break;

  }

  endShape();

}

​