211114a

let palette;

​

function setup() {

  createCanvas(800, 800);

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

  angleMode(DEGREES);

      palette = [];

      while (palette.length < 5) {

        palette = shuffle(chromotome.get().colors);

​

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

          let c = color(palette[i]);

          // c.setAlpha(25);

          palette[i] = c;

        }

      }

}

​

function draw() {

  background(0, 0, 90);

​

  push();

  translate(width / 2, height / 2);

  rotate(random(360));

  let w = sqrt(sq(width) + sq(height));

  translate(-w / 2, -w / 2);

  noStroke();

  let num = 8; //int(random(3,10));

  let d = w / num;

  drawingContext.shadowColor = color(0, 0, 0, 15);

  drawingContext.shadowBlur = d / 5;

  drawingContext.shadowOffsetX = (cos(frameCount * 3) * d) / 10;

  drawingContext.shadowOffsetY = (sin(frameCount * 3) * d) / 10;

​

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

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

      let r = d;

      let s = r * 1;

      let x = i * (r * sin(60)) * 2;

      let y = j * (r + r * cos(60));

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

      push();

      translate(x, y);

      rotate(-30);

      let sep = random(10, 50);

      let dir = random() > 0.5 ? -1 : 1;

​

      let gradient = drawingContext.createRadialGradient(0, 0, 0, 0, 0, s);

​

      gradient.addColorStop(0, colors[0]);

      gradient.addColorStop(1, colors[1]);

      drawingContext.fillStyle = gradient;

      // fill(random(palette));

​

      for (let i = sep; i > 0; i--) {

        rotate(map(i, sep, 0, 0, 10) * dir);

​

        let t = (s * i) / sep;

        beginShape();

        for (let angle = 0; angle < 360; angle += 360 / 3) {

          vertex(cos(angle) * t, sin(angle) * t);

        }

        endShape(CLOSE);

      }

      pop();

      let x2 = x + cos(30) * r;

      let y2 = y + sin(30) * r;

      push();

      translate(x2, y2);

      rotate(-30 + 180);

      sep = random(10, 50)*2;

      dir = random() > 0.5 ? -1 : 1;

      gradient.addColorStop(0, colors[2]);

      gradient.addColorStop(1, colors[3]);

      drawingContext.fillStyle = gradient;

      // fill(random(palette));

      for (let i = sep; i > 0; i--) {

        let t = (s * i) / sep;

​

        rotate(map(i, sep, 0, 0, 10) * dir);

​

        beginShape();

        for (let angle = 0; angle < 360; angle += 360 / 3) {

          vertex(cos(angle) * t, sin(angle) * t);

        }

        endShape(CLOSE);

      }

      pop();

    }

  }

  pop();

  noLoop();

}

​

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;

}

​