20250409

/***********************************

 * dailycoding - 20250409 / graphic

 * by E.C.H (Eiichi Ishii)

 ***********************************/

​

let inum = 20;

let num = 200;

let pg = [];

let msk = [];

let dis = [];

let cp = ["#04151F", "#183A37", "#EFD6AC","#C44900", "#432534"];

let w, iw, g;

​

function setup() {

  w = min(windowWidth, windowHeight);

  createCanvas(w, w);

  angleMode(DEGREES);

  imageMode(CENTER);

  noLoop();

​

  iw = int(w / 2);

  g = iw / 8;

}

​

function draw() {

  background(255);

​

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

    pg[i] = createGraphics(iw, iw);

    let c = color(cp[i % cp.length]);

    c.setAlpha(20);

    pg[i].fill(c);

    pg[i].noStroke();

​

    let xn = random(-g / 2, g / 2);

    let yn = random(-g, g);

​

    for (let y = -g * 2; y <= iw + g * 2; y += g / 40) {

      pg[i].beginShape();

      for (let x = -g * 2; x <= iw + g * 2; x += g) {

        let adx = map(noise(x, xn), 0, 1, -g / 2, g / 2);

        let ady = map(noise(x, yn), 0, 1, -g, g);

        pg[i].curveVertex(x + adx, y + ady);

      }

​

      pg[i].endShape();

      xn += 0.01;

      yn += 0.01;

    }

​

    msk[i] = createGraphics(iw, iw);

    msk[i].angleMode(DEGREES);

    msk[i].rectMode(CENTER);

​

    msk[i].fill(0);

    msk[i].noStroke();

​

    let sv = int(random(1, 6)) * 4;

    let sg = g / sv;

​

    let sxn = random(10000);

    let seed = random(0.01, 0.1);

    for (let sx = sg / 2; sx <= iw; sx += sg) {

      let syn = 0;

      for (let sy = sg / 2; sy <= iw; sy += sg) {

        let n = noise(sxn, syn);

​

        if (n >= 0.5) {

          msk[i].push();

          msk[i].translate(sx, sy);

          let rr = random([sg / 2, sg + 1]);

          msk[i].rect(0, 0, rr, rr);

          msk[i].pop();

        }

​

        syn += seed;

      }

      sxn += seed;

    }

​

    (dis[i] = pg[i].get()).mask(msk[i]);

  }

​

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

    push();

    translate(random(-w / 4, w + w / 4), random(-w / 4, w + w / 4));

    rotate(random(360));

​

    if (int(random(2)) == 0) {

      image(dis[int(random(inum))], 0, 0, iw, iw);

    } else {

      tint(255, random(180));

      image(pg[int(random(inum))], 0, 0, iw, iw);

    }

    pop();

  }

  let rw = w/10;

  rakkan(rw/2.5, w-rw/1.25, rw, 0);

}

​

function rakkan(posx, posy, r, csw) {

  push();

  randomSeed(6289);

  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();

}