231020a

let shapes = [];

let fx, fy;

let colors = ['#177e89', '#084c61', '#db3a34', '#ffc857', '#f73939', '#ffda33', '#0c4896', '#48b7f7', '#a480cf', '#f18701', '#f35b04', '#eb9486', '#ee92c2', '#3e000c', '#f9f8f8'];

​

​

function setup() {

  createCanvas(900, 900);

​

  fx = random(-0.1, 1.1) * width;

  fy = random(-0.1, 1.1) * height;

  background(random(colors));

​

  circlePacking();

​

  shapes.sort((a, b) => a['n'] - b['n']);

​

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

    let p = shapes[i];

    form(p.x, p.y, p.d);

  }

  noStroke();

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

    let p = shapes[i];

    fill(random(colors));

    eye(p.x, p.y, p.d);

  }

}

​

function draw() {

​

}

​

function circlePacking() {

  let cx = width / 2;

  let cy = height / 2;

  let count = 20000;

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

    let a = random(TAU);

    let d = random(width * 0.8);

    let x = cx + cos(a) * d;

    let y = cy + sin(a) * d;

    let s = random(10, 100);

    let add = true;

    let n = int(map(dist(fx, fy, x, y), 0, sqrt(sq(width/2)+sq(height/2)), 1, 10000));

    for (let j = 0; j < shapes.length; j++) {

      let p = shapes[j];

      if (dist(x, y, p.x, p.y) < (s + p.d) * 0.5) {

        add = false;

        break;

      }

    }

    if (add) shapes.push(new Shape(x, y, s, n));

  }

​

}

​

function eye(x, y, d) {

  let n = int(random(5, 12));

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

    let dd = map(i, 0, n, d, 0);

    fill(random(colors));

    circle(x, y, dd);

  }

  fill(255);

  circle(x - d * 0.2, y - d * 0.2, d * 0.2);

}

​

function form(x, y, d){

  let l = width/2;

  let a = atan2(y - fy, x - fx);

  let col = color(random(colors));

  strokeWeight(d);

  stroke(col);

  line(x, y, x + l * cos(a), y + l * sin(a));

}

​

class Shape{

  constructor(x, y, d, n){

    this.x = x;

    this.y = y;

    this.d = d;

    this.n = n;

  }

}