20241210 - OpenProcessing

mySketch.js
style.css
index.html
xxxxxxxxxx
 
/***********************************
 * dailycoding - 20241210 / graphic
 * by E.C.H (Eiichi Ishii)
 ***********************************/
​
let w, g;
let cp = ["#8B1E3F", "#3C153B", "#89BD9E", "#F0C987", "#DB4C40"];
let num = 30;
​
function setup() {
  w = min(windowWidth, windowHeight);
  createCanvas(w, w);
  angleMode(DEGREES);
  rectMode(CENTER);
  strokeCap(PROJECT);
  noLoop();
​
  g = w / 8;
}
​
function draw() {
  background(255);
​
  for (let i = 0; i < num; i++) {
    push();
    translate(w / 2, w / 2);
​
    stroke(random(120, 255));
    let lr = random(1, g / 20);
    strokeWeight(lr);
    if (int(random(2)) == 0) {
      drawingContext.setLineDash([1, lr * 3]);
    }
    noFill();
    bezier(
      random(-w / 2, w / 2),
      random(-w / 2, w / 2),
      random(-w / 2, w / 2),
      random(-w / 2, w / 2),
      random(-w / 2, w / 2),
      random(-w / 2, w / 2),
      random(-w / 2, w / 2),
      random(-w / 2, w / 2)
    );
    pop();
  }
​
  for (let x = g; x <= w - g; x += g) {
    for (let y = g; y <= w - g; y += g) {
      push();
      translate(x, y);
      rotate(int(random(4)) * 90);
      noStroke();
      if (int(random(2)) == 0) {
        let va = random([2, 4, 8, 10]);
        let ega = g / va;
        let vb = random([2, 4, 8, 10]);
        let egb = g / vb;
        fill(random(cp));
        for (let eya = -g / 2 + ega / 2; eya <= g / 2 - ega / 2; eya += ega) {
          if (int(random(2)) == 0) {
            ellipse(-g / 4, eya, g / 2, ega);
          } else {
            rect(-g / 4, eya, ega / 2, ega / 2);
          }
        }
        fill(random(cp));
        for (let eyb = -g / 2 + egb / 2; eyb <= g / 2 - egb / 2; eyb += egb) {
          if (int(random(2)) == 0) {
            ellipse(g / 4, eyb, g / 2, egb);
          } else {
            rect(g / 4, eyb, egb / 2, egb / 2);
          }
        }
      } else {
        push();
        rotate(random(360));
        fill(random(cp));
        if (int(random(2)) == 0) {
          arc(0, 0, g, g, 0, 180);
        }
​
        if (int(random(2)) == 0) {
          fill(random(cp));
          arc(0, -g / 8, g / 2, g / 2, 180, 360);
        }
        pop();
      }
      pop();
    }
  }
​
  let rw = w/10;
  rakkan(rw/2.5, w-rw/1.25, rw, 0);
}
​
function rakkan(posx, posy, r, csw) {
  push();
  randomSeed(9513);
  translate(posx, posy);
  rectMode(CENTER);
  let nr = r / 2.5;
  let lr = r / 20;
​
  if (csw == 0) {
    fill("#e2041b");
    noStroke();
  } else if (csw == 1) {
    noFill();
    stroke("#e2041b");
    strokeWeight(lr / 4);
  }
​
  rect(0, 0, r / 1.4, r * 1.5, r / 5);
​
  if (csw == 0) {
    stroke(255);
  } else if (csw == 1) {
    fill(255);
    stroke("#e2041b");
  }
  strokeWeight(lr / 1.5);
  noFill();
​
  for (let i = 0; i < 10; i++) {
    let z = random(lr / 20, lr / 2);
    push();
    push();
    translate(0, -nr);
    beginShape();
    vertex(nr / 2 + random(-z, z), -nr / 2 + random(-z, z));
    vertex(random(-z, z), -nr / 2 + random(-z, z));
    vertex(-nr / 2 + random(-z, z), random(-z, z));
    vertex(random(-z, z), nr / 2 + random(-z, z));
    vertex(nr / 2 + random(-z, z), nr / 2 + random(-z, z));
    endShape();
​
    beginShape();
    vertex(-nr / 2 + random(-z, z), random(-z, z));
    vertex(nr / 2 + random(-z, z), random(-z, z));
    endShape();
    pop();
​
    push();
    translate(0, 0);
    beginShape();
    vertex(nr / 2 + random(-z, z), -nr / 2 + random(-z, z));
    vertex(random(-z, z), -nr / 2 + random(-z, z));
    vertex(-nr / 2 + random(-z, z), random(-z, z));
    vertex(random(-z, z), nr / 2 + random(-z, z));
    vertex(nr / 2 + random(-z, z), nr / 2 + random(-z, z));
    endShape();
​
    strokeWeight(lr / 3);
    beginShape();
    vertex(nr / 2 + random(-z, z), -nr / 2 + random(-z, z));
    vertex(-nr / 2 + random(-z, z), nr / 2 + random(-z, z));
    endShape();
    pop();
​
    push();
    translate(0, nr);
    beginShape();
    vertex(-nr / 2 + random(-z, z), -nr / 2 + random(-z, z));
    vertex(-nr / 2 + random(-z, z), nr / 2 + random(-z, z));
    endShape();
​
    beginShape();
    vertex(nr / 2 + random(-z, z), -nr / 2 + random(-z, z));
    vertex(nr / 2 + random(-z, z), nr / 2 + random(-z, z));
    endShape();
​
    beginShape();
    vertex(-nr / 2 + random(-z, z), random(-z, z));
    vertex(nr / 2 + random(-z, z), random(-z, z));
    endShape();
​
    strokeWeight(lr / 3);
​
    beginShape();
    vertex(nr / 2 + random(-z, z), -nr / 2 + random(-z, z));
    vertex(-nr / 2 + random(-z, z), nr / 2 + random(-z, z));
    endShape();
    pop();
    pop();
  }
  pop();
}
​
function keyPressed() {
  redraw();
}