let ibm_blue = "#0f62fe";

let vaporwave = [

  // (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 gfx;

let sc;

function setup() {

  // createCanvas(1000, 1000);

  createCanvas(4000,3000);//2800, 2800);

  // createCanvas(2000,1500);

  noiseDetail(4, 0.75);

  pixelDensity(1);

​

  sc = width / 1000;

  gfx = createGraphics(width, height);

  gfx.background(0);

​

  background(0);

  stroke(color(255, 255, 255, 20));

  noFill();

​

  gfx.stroke(255);

  gfx.noFill();

  let zoom = 0.001;

  for (let _ = 0; _ < 2500*sc; _++) {

    beginShape();

    gfx.beginShape();

    let r = random();

​

    //     if (r < 0.15) {

    //       let y = random(height);

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

    //         vertex(x, y);

    //         gfx.vertex(x, y);

    //         let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

    //         y += sin(a);

    //       }

    //     } else if (r < 0.25) {

    //       let y = random(height);

    //       for (let x = width - 1; x >= 0; x--) {

    //         vertex(x, y);

    //         gfx.vertex(x, y);

    //         let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

    //         y += sin(a);

    //       }

    //     } else if (r < 0.35) {

    //       let x = random(width);

    //       for (let y = height - 1; y >= 0; y--) {

    //         vertex(x, y);

    //       gfx.vertex(x, y);

    //         let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

    //         x += cos(a);

    //       }

    //     } else if (r < 0.45) {

    //       let x = random(width);

    //       for (let y = 0; y < height; y++) {

    //         vertex(x, y);

    // gfx.vertex(x, y);

    //         let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

    //         x += cos(a);

    //       }

    //     } else {

    let sx = width * 0.25;

    let sw = width * 0.5;

    let sy = height * 0.25;

    let sh = height * 0.5;

​

    let r2 = random();

​

    if (r2 < 0.25) {

      let x = random(sx, sx + sw);

      for (let y = sy; y > 0; y--) {

        vertex(x, y);

        gfx.vertex(x, y);

        let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

        x += cos(a);

      }

    } else if (r2 < 0.5) {

      let x = random(sx, sx + sw);

      for (let y = sy + sh; y < height; y++) {

        vertex(x, y);

        gfx.vertex(x, y);

        let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

        x += cos(a);

      }

    } else if (r2 < 0.75) {

      let y = random(sy, sy + sh);

      for (let x = sx; x > 0; x--) {

        vertex(x, y);

        gfx.vertex(x, y);

        let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

        y += sin(a);

      }

    } else {

      let y = random(sy, sy + sh);

      for (let x = sx + sw; x < width; x++) {

        vertex(x, y);

        gfx.vertex(x, y);

        let a = map(noise(x * zoom, y * zoom), 0.0, 1.0, -TWO_PI, TWO_PI);

        y += sin(a);

      }

    }

​

    // }

    endShape();

    gfx.endShape();

  }

  step = 1;

​

  cx = int(random(width - 1));

  cy = int(random(height - 1));

  cd = 5;

​

  while (!checkValid(cx, cy, cd / 2)) {

    cx = int(random(width - 1));

    cy = int(random(height - 1));

  }

  timeout = 0;

  growing = true;

  // noStroke();

  fill(color(255, 0, 255));

  noStroke();

  noFill();

  strokeWeight(1);

  // circle(cx, cy, cd);

​

  gfx.noFill();

}

​

let cx, cy, cd, growing, timeout;

function draw() {

  if (step == 1) {

    // if (frameCount > 280000) step++;

    // else {

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

        if (growing) {

          if (checkValid(cx, cy, cd / 2)) {

            // circle(cx, cy, cd);

            cd++;

          } else growing = false;

        } else {

          if (checkValid(cx, cy, (cd - 1) / 2)) {

            let col = color(random(vaporwave));

            col.setAlpha(180);

            stroke(col);

            circle(cx, cy, cd - 1);

            gfx.circle(cx, cy, cd - 1);

          } else {

            cx = int(random(width - 1));

            cy = int(random(height - 1));

            cd = 5*sc;

            growing = true;

          }

        }

      }

    // }

  } else {

    console.log("done");

    noLoop();

  }

}

​

function keyPressed() {

  if (key == "d") step = 2;

}

​

function checkValid(cx, cy, r) {

  gfx.loadPixels();

  r = int(r);

​

  let valid = true;

  for (let t = 0; t < TWO_PI; t += PI / (sc*512)) {

    let x = cx + r * cos(t);

    let y = cy + r * sin(t);

    let idx = getPixelID(x, y);

    if (

      gfx.pixels[idx] > 10 ||

      gfx.pixels[idx + 1] > 10 ||

      gfx.pixels[idx + 2] > 10

    ) {

      valid = false;

    }

  }

  return valid;

}

​

function getPixelID(x, y) {

  let d = gfx.pixelDensity();

  const idx = 4 * d * (int(y) * d * gfx.width + int(x));

  return idx;

}

​