210218a

let url = ["https://coolors.co/264653-2a9d8f-e9c46a-f4a261-e76f51",

  "https://coolors.co/006d77-83c5be-edf6f9-ffddd2-e29578",

  "https://coolors.co/355070-6d597a-b56576-e56b6f-eaac8b",

  "https://coolors.co/1a535c-4ecdc4-f7fff7-ff6b6b-ffe66d",

];

let palette;

let dc;

let points = [];

let points_num = 150;

​

function setup() {

  createCanvas(800, 800);

  colorMode(HSB, 360, 100, 100, 100);

  angleMode(DEGREES);

  dc = drawingContext;

  background(0, 0, 90);

​

  let offset = width / 10;

  while (points.length < points_num) {

    let x = random(-offset, width + offset);

    let y = random(-offset, height + offset);

    let d = random(500);

    let depth = random(2, 6);

    // drawNodes(x,y,d,depth);

    let p = new Point(x, y, d, depth);

    let isNear = false;

    for (let op of points) {

      let distance = dist(p.x, p.y, op.x, op.y);

      if (distance < p.d / 2 + op.d / 2) {

        isNear = true;

      }

    }

    if (isNear != true) {

      // circle(x,y,d);

      points.push(p);

    }

  }

}

​

function draw() {

  clear();

  palette = shuffle(createPalette(random(url)), true);

  let c = palette[0];

  palette.shift();

  for (let p of points) {

    // p.display();

    drawNodes(p.x, p.y, p.d, p.depth);

  }

  let g = get();

  background(c);

​

  push();

  dc.shadowColor = color(0, 0, 0, 33);

  dc.shadowBlur = width / 20;

  image(g, 0, 0);

  pop();

​

  noLoop();

}

​

function drawNodes(x, y, d, depth) {

  let colors = shuffle(palette.concat());

  push();

  translate(x, y);

  rotate(random(360));

  let n = int(random(2, 9));

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

    let angle = i / n * 360;

    let angle2 = random(360);

    let nx = cos(angle) * d / 3;

    let ny = sin(angle) * d / 3;

​

    noFill();

    stroke(colors[i % colors.length]);

    if (random(100) > 20) {

      let a1 = random(360);

      let x2 = cos(a1) * d / 3 / 2;

      let y2 = sin(a1) * d / 3 / 2;

​

      let a2 = random(360);

      let nx2 = nx + cos(a2) * d / 3 / 2;

      let ny2 = ny + sin(a2) * d / 3 / 2;

      bezier(0, 0,

        x2, y2,

        nx2, ny2,

        nx, ny);

    } else {

      line(0, 0, nx, ny);

    }

    fill(colors[(i + 1) % colors.length]);

    noStroke();

    circle(0, 0, max(d / 8 / 3, 5));

    if (depth > 0 && d / 3 > 3) {

      drawNodes(nx, ny, d / 3, depth - 1);

    } else {

      fill(colors[(i + 2) % colors.length]);

      noStroke();

      circle(nx, ny, max(d / 8 / 3, 3));

    }

  }

  pop();

}

​

class Point {

  constructor(x, y, d, depth) {

    this.x = x;

    this.y = y;

    this.d = d;

    this.depth = depth

  }

  display() {

    circle(this.x, this.y, this.d);

  }

}

​

function createPalette(_url) {

  let slash_index = _url.lastIndexOf('/');

  let pallate_str = _url.slice(slash_index + 1);

  let arr = pallate_str.split('-');

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

    arr[i] = color('#' + arr[i]);

  }

  return arr;

}