20250117 - OpenProcessing

mySketch.js
style.css
index.html
xxxxxxxxxx
 
/***********************************
 * dailycoding - 20250117 / graphic
 * by E.C.H (Eiichi Ishii)
 ***********************************/
​
let w;
let num = 30;
​
function setup() {
  w = min(windowWidth, windowHeight);
  createCanvas(w, w);
  angleMode(DEGREES);
  rectMode(CENTER);
  noLoop();
}
​
function draw() {
  background(0);
  blendMode(DIFFERENCE);
  noStroke();
​
  for (let i = 0; i < num; i++) {
    push();
    translate(random(-w / 4, w + w / 4), random(-w / 4, w + w / 4));
    rotate(random(360));
​
    let r = random(w / 4, w / 2);
    let v = int(random(1, 5)) * 10;
​
    for (let rr = r; rr >= 0; rr -= r / v) {
      fill(random([0, 255]));
      rect(rr, 0, r, rr, r / 3);
    }
    pop();
  }
  
  blendMode(BLEND);
  let rw = w/10;
  rakkan(rw/2.5, w-rw/1.25, rw, 0);
}
​
function rakkan(posx, posy, r, csw) {
  push();
  randomSeed(5437);
  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() {
  blendMode(BLEND);
  redraw();
}