let r;

let step;

let col;

let rad;

let colors, colors2, colorIndex;

let paused = false;

​

function keyPressed() {

  if (key === " ") paused = !paused;

}

​

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() {

  randomSeed(6);

  angleMode(RADIANS);

  // createCanvas(1000,1000);

  createCanvas(3840, 2160);

​

  theta = 0.0;

  endTheta = TWO_PI;

  r = 5;

  step = TWO_PI / 250;

  rad = 0.5;

  col = 255;

​

  // https://www.colourlovers.com/palette/4836213/NeutralsOnly

  colorIndex = 0;

  // colors = [

  //   color("#C7BBB4"),

  //   color("#C7C6B4"),

  //   color("#B4C3C7"),

  //   color("#D196A6"),

  //   color("#8E8D8D"),

  // ];

  // https://www.colourlovers.com/palette/2420454/cyberpunk

  colors2 = [

    color("#3D615F"),

    color("#61D6C4"),

    color("#71918C"),

    color("#25343B"),

    color("#212429"),

  ];

  // https://www.colourlovers.com/palette/4836251/Coffee_Days

  // colors2 = [

  //   color("#181303"),color("#E03E53"),color("#F69253"),color("#FE8D93"),color("#200963")

  // ];

  // https://www.colourlovers.com/palette/9362/Powerpuff_Girls!

  colors = [

    color("#000000"),

    color("#00D0FF"),

    color("#F91D8B"),

    color("#81F400"),

    color("#000000"),

  ];

​

  background(0);

​

  //   for (let i = 0; i < colors.length; i++) {

  //     let _c = colors[i];

  //     _c._array[3] = random(0, 100) / 255;

  //     fill(_c);

​

  //     noStroke();

  //     beginShape(TRIANGLE_FAN);

  //     vertex(width / 2, height / 2);

  //     for (let _ = 0; _ < 20; _++) {

  //       vertex(random(width), random(height));

  //     }

  //     endShape(CLOSE);

  //   }

​

  for (let row = 20; row < height; row += 20) {

    for (let col = 20; col < width; col += 20) {

      let _col = colors[getRandomInt(0, colors.length)];

      _col._array[3] = random(0.0, 0.25);

      stroke(_col);

      strokeWeight(random(0.5));

​

      // if (random() > 0.6) {

      //   curve(col, row, width/4-col+random(-20,20), row, width/2-col+random(-20,20),row,width-col,row);

      //   curve(col, row, col, height/4-col+random(-20,20), col, height/2-col+random(-20,20),col,height-row)

      // } else {

      line(

        col + random(-5, 5),

        row + random(-5, 5),

        width - col + random(-5, 5),

        row + random(-5, 5)

      );

      line(

        col + random(-5, 5),

        row + random(-5, 5),

        col + random(-5, 5),

        height - row + random(-5, 5)

      );

      // }

    }

  }

​

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

    push();

    translate(width / 2, height / 2);

    let _col = colors[getRandomInt(0, colors.length)];

    _col._array[3] = 0.25;

    fill(_col); //color(30));

    rotate((i * PI) / 4);

    triangle(

      -width / 5,

      height / 4,

      0,

      -height / 8,

      width / 5,

      height / 4

      // width / 2 - width / 5,

      // height - height / 4,

      // width / 2,

      // height / 8,

      // width / 2 + width / 5,

      // height - height / 4

    );

    // rotate((i * PI) / 4);

    pop();

  }

}

​

function draw() {

  // noLoop();

  // background(220);

​

  if (!paused) {

    let x = r * cos(theta);

    let y = r * sin(theta);

​

    translate(width / 2, height / 2);

    let _c = colors2[colorIndex];

    _c._array[3] = col / 255;

    fill(_c); //color(0,0,0,col));

    noStroke();

    circle(x, y, rad);

    theta += step;

​

    // if (random() > 0.7)

    // r += random(-4,4);

    // r = frameCount/2;

    if (theta > endTheta) {

      //TWO_PI) {

      theta = random(0, TWO_PI);

      endTheta = theta + TWO_PI;

      r += 5;

      step += TWO_PI / 5000; //2000;//1000;

      // col-=random(1,8);

      col -= random(-0.5, 5); //= random(-.1,1.0);

      rad += 0.25; //0.5;

      colorIndex++;

      if (colorIndex >= colors.length) colorIndex = 0;

    }

​

    // if (col <= 0) {

    //   col = random(100,200);

    //   r+=100;

    //   rad = 0.5;

    //   step = TWO_PI/2000;

    // }

    // if (r+200 > width) {//|| col <= 0) {

    if (r + 200 > width || col <= 0) {

      noLoop();

      console.log("done");

    }

  }

}

​