200624_,minimini

let bg;

const COL = createCols("https://coolors.co/eaf2e3-61e8e1-f25757-f2e863-f2cd60");

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  // createCanvas(800, 800);

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

  background(0, 0, 90);

  bg = createGraphics(width, height);

  bg.background(251, 80, 18);

  bg.noStroke();

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

    let x = random(width);

    let y = random(height);

    let s = noise(x * 0.01, y * 0.01) * 2;

    bg.fill(COL[int(random(COL.length))]);

    bg.rect(x, y, s, s);

  }

}

​

function draw() {

  image(bg, 0, 0);

  let c = 30;

  let w = width / c;

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

    for (let j = 0; j < c; j++) {

      let x = i * w + w / 2;

      let y = j * w + w / 2;

      // let s = w * noise(frameCount * 0.01, i, j);

      if (random(10) < 0.5) {

        // noFill();

        fill(COL[int(random(COL.length))]);

        stroke(random(360), 40, 100);

        strokeWeight(2.3);

        ellipse(x, y, random(50));

        stroke(0);

        strokeWeight(1.2);

        circle(x+10, y, 15);

        circle(x-10, y, 15);

        fill(40, 16, 99);

        arc(x+10, y, 15, 15, 0, PI + QUARTER_PI, CHORD);

        arc(x-10, y, 15, 15, 0, PI + QUARTER_PI, CHORD);

        fill(343, 12, 23);

        ellipse(x+10, y, 5, 5);

        ellipse(x-10, y, 5, 5);

      }

    }

  }

  noLoop();

}

​

function sqareline(){

  fill(340, 86, 85);

  quad(38, 31, 86, 20, 69, 63, 30, 76);

}

​

function createCols(_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] = '#' + arr[i];

  }

  return arr;

}