231226a.m

​

  let clearbutton;

  let savebutton;

​

function setup() {

  createCanvas(1080 *'.2', 2400 *'.2');

  clearbutton = createButton('');

  clearbutton.position(50, 50);

  clearbutton.size(50, 50);

  clearbutton.style('outline-color', 'ButtonFace');

  clearbutton.style('outline-style', 'double');

  clearbutton.style('outline-width', '3mm');

  clearbutton.style('user-select', 'none');

  clearbutton.style('color', 'transparent');

  clearbutton.style('font-size', 0);

  clearbutton.style('background', '#0008');

  clearbutton.style('background', 'ButtonFace');

  clearbutton.style('border', 'none');

  clearbutton.style('border-radius', '50%');

  clearbutton.style('box-shadow', '0  0 3mm #0001');

  clearbutton.mousePressed(setit);

  savebutton = createButton('');

  savebutton.position(50, 150);

  savebutton.size(50, 50);

  savebutton.style('outline-color', 'ButtonFace');

  savebutton.style('outline-style', 'double');

  savebutton.style('outline-width', '3mm');

  savebutton.style('user-select', 'none');

  savebutton.style('color', 'transparent');

  savebutton.style('font-size', 0);

  savebutton.style('background', '#0008');

  savebutton.style('background', 'ButtonFace');

  savebutton.style('border', 'none');

  savebutton.style('border-radius', '50%');

  savebutton.style('box-shadow', '0 0 3mm #0001');

  savebutton.mousePressed(getit);

  noSmooth();

  background(220);

  push();

  translate(width / 2, height / 2);

  for (let d = width * sqrt(2); d > 0; d -= 15) {

    rectMode(CENTER);

    square(0, 0, d);

  }

  pop();

}

​

function draw() {

  let offset = min(width, height) / 20;

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

    let x1 = int(random(-offset, width + offset));

    let y1 = int(random(-offset, height + offset));

    let w1 = constrain(

      int(random(1, width + offset - x1) / 2),

      1,

      width + offset

    );

    let h1 = constrain(

      int(random(1, height + offset - y1) / 2),

      1,

      height + offset

    );

​

    let x2 = int(random(-offset, width + offset));

    let y2 = int(random(-offset, height + offset));

    let w2 = constrain(

      int(random(1, width + offset - x2) / 2),

      1,

      width + offset

    );

    let h2 = constrain(

      int(random(1, height + offset - y2) / 2),

      1,

      height + offset

    );

​

    let g1 = get(x1, y1, w1, h1);

    let g2 = get(x2, y2, w2, h2);

    let pattern1 = drawingContext.createPattern(g1.canvas, "repeat");

    let pattern2 = drawingContext.createPattern(g2.canvas, "repeat");

​

    push();

    erase();

    rect(x1, y1, w1, h1);

    rect(x2, y2, w2, h2);

    noErase();

    pop();

    push();

    drawingContext.shadowColor = color(0, 0, 0, (33 / 100) * 255);

​

    // noStroke();

    // noFill();

    stroke(0);

    drawingContext.fillStyle = pattern1;

    rect(x2, y2, w2, h2);

    // image(g1, x2, y2, w2, h2);

    // drawingContext.shadowBlur = min(w1, h1) / 5;

    // noFill();

    drawingContext.fillStyle = pattern2;

    rect(x1, y1, w1, h1);

    pop();

  }

  noLoop();

}

​

function  setit(){

  createCanvas(1080 *'1', 2400  *'1');

  draw();

}

function  getit(){

  saveCanvas();

}

​