221124a

let cells;

let palette;

let bg;

let g;

function setup() {

  let canvas = createCanvas(800, 800);

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

  angleMode(DEGREES);

  // canvas.hide();

  pixelDensity(1);

  palette = shuffle(random(colorScheme).colors.concat());

  bg = palette[0];

  // palette.splice(0,1);

  g = createGraphics(800, 800);

  g.pixelDensity(1);

  g.angleMode(DEGREES);

}

​

function draw() {

  background(bg);

  randomSeed(frameCount / 300);

  g.clear();

  let offset = g.width / 15;

  let gw = sqrt(2) * g.width;

  g.push();

  g.translate(g.width / 2, g.height / 2);

  g.rotate(frameCount / 3);

  g.translate(-gw / 2, -gw / 2);

  separateGrid(-offset, -offset, gw + offset * 2, g);

  g.pop();

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

  drawingContext.shadowBlur = width / 25;

  image(g, 0, 0);

​

  // noLoop();

}

​

function separateGrid(x, y, d, target) {

  let sepNum = int(random(1, 4));

  let w = d / sepNum;

  for (let i = x; i < x + d - 1; i += w) {

    for (let j = y; j < y + d - 1; j += w) {

      if (random(100) < 90 && d > target.width / 3) {

        separateGrid(i, j, w, target);

      } else {

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

        let n = 0;

        target.push();

        target.translate(i + w / 2, j + w / 2);

        target.rotate((int(random(4)) * 360) / 4);

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

        target.noStroke();

        // target.fill(random(palette));

        // target.triangle(0,0,w,0,0,w);

        target.strokeCap(SQUARE);

​

        for (let scl = 1; scl > 1 / 5 + 0.01; scl -= 1 / 5) {

          let len = (scl * w * TWO_PI) / 4;

          let step = int(random([1/3,1/4,1/2,1, 2, 3, 4, 8]));

          let ld = len / step / 2;

          target.noFill();

          let sw = w / 5 / 2;

          target.strokeWeight(sw * 2);

          target.stroke(colors[n++ % colors.length]);

          target.drawingContext.setLineDash([ld]);

          target.drawingContext.lineDashOffset =

            ld * 2 + (frameCount * 1) / scl / 2;

          target.arc(0, 0, w * 2 * scl - sw * 2, w * 2 * scl - sw * 2, 0, 90);

          target.stroke(colors[n++ % colors.length]);

          target.drawingContext.setLineDash([ld]);

          target.drawingContext.lineDashOffset =

            ld + (frameCount * 1) / scl / 2;

          target.arc(0, 0, w * 2 * scl - sw * 2, w * 2 * scl - sw * 2, 0, 90);

        }

        target.pop();

      }

    }

  }

}

​

let colorScheme = [

  {

    name: "Benedictus",

    colors: ["#F27EA9", "#366CD9", "#5EADF2", "#636E73", "#F2E6D8"],

  },

  {

    name: "Cross",

    colors: ["#D962AF", "#58A6A6", "#8AA66F", "#F29F05", "#F26D6D"],

  },

  {

    name: "Demuth",

    colors: ["#222940", "#D98E04", "#F2A950", "#BF3E21", "#F2F2F2"],

  },

  {

    name: "Hiroshige",

    colors: ["#1B618C", "#55CCD9", "#F2BC57", "#F2DAAC", "#F24949"],

  },

  {

    name: "Hokusai",

    colors: ["#074A59", "#F2C166", "#F28241", "#F26B5E", "#F2F2F2"],

  },

  {

    name: "Hokusai Blue",

    colors: ["#023059", "#459DBF", "#87BF60", "#D9D16A", "#F2F2F2"],

  },

  {

    name: "Java",

    colors: ["#632973", "#02734A", "#F25C05", "#F29188", "#F2E0DF"],

  },

  {

    name: "Kandinsky",

    colors: ["#8D95A6", "#0A7360", "#F28705", "#D98825", "#F2F2F2"],

  },

  {

    name: "Monet",

    colors: ["#4146A6", "#063573", "#5EC8F2", "#8C4E03", "#D98A29"],

  },

  {

    name: "Nizami",

    colors: ["#034AA6", "#72B6F2", "#73BFB1", "#F2A30F", "#F26F63"],

  },

  {

    name: "Renoir",

    colors: ["#303E8C", "#F2AE2E", "#F28705", "#D91414", "#F2F2F2"],

  },

  {

    name: "VanGogh",

    colors: ["#424D8C", "#84A9BF", "#C1D9CE", "#F2B705", "#F25C05"],

  },

  {

    name: "Mono",

    colors: ["#D9D7D8", "#3B5159", "#5D848C", "#7CA2A6", "#262321"],

  },

  {

    name: "RiverSide",

    colors: ["#906FA6", "#025951", "#252625", "#D99191", "#F2F2F2"],

  },

];

​