220123a - OpenProcessing

mySketch
xxxxxxxxxx
 
const w = 720;  
const N = 300;
let loop = 50;
let dangos = [];
​
function setup() {
  createCanvas(w, w);
​
  for(let i=0;i<N;i++){
    dangos.push(new Dango(random(width), random(height), random(2.5, 20)));
  }
  
  background("#17D7A0");
  
  for(let l=0;l<loop;l++){
    push();
    for(let i=0;i<dangos.length;i++){
      dangos[i].show();
      dangos[i].pos.x += random(-1,1) * 15;
      dangos[i].pos.y += random(-1,1) * 15;
      dangos[i].angle += random(-1,1) * PI*0.01;
    }
    pop();
  }
}
​
function Dango(x, y, r) {
  this.pos = {x: x, y: y};
  this.angle = random(-1,1) * PI;
  this.r = r;
  this.colors = rand_color();
  
  this.show = function() {
    push();
    translate(this.pos.x, this.pos.y);
    rotate(this.angle);
    draw_dango(this.r, this.colors);
    pop();
  };
}
​
function rand_color(){
 let color_pat = [ 
                   ["#ffffff", "#C0D8C0", "#2FDD92"],
                   ["#ffffff", "#BAFFB4", "#557C55"],
                   ["#ffffff", "#06FF00", "#B1E693"],
                   ["#ffffff", "#C1FFD7", "#206A5D"],
                 ];
 color_pat = shuffle( random(color_pat) );
  return color_pat;
}
​
function draw_dango(size, color_pat){
 stroke("#000000");
 strokeWeight(size/18);
 push();
 line(0, -size*1.8, 0, size*2);
​
 push();
 translate(0, 0);
 dango(size, color_pat[0]);
 pop();
​
 push();
 translate(0, -size);
 dango(size, color_pat[1]);
 pop();
​
 push();
 translate(0, size);
 dango(size, color_pat[2]);
 pop();
​
 pop();
}
​
function dango(size, fcolor){
  push();
  translate(0, 0)
  fill(fcolor);
  ellipse(0, 0, size);
  face(size);
  pop();
}
​
function face(size){
  push();
  fill("#000000");
  ellipse(size/8*2, -size/10, size/14);
  ellipse(-size/8, -size/10, size/14);
  fill(0,0);
  arc(size/8, size/20, size/10*1.25, size/10, -PI/2*1.25, PI/2*1.25);
  arc(size/8*0.6, size/16*3.5, size/4, size/10, 0, PI);
  pop();
}
//save PNG
function keyPressed() {
  save("img_" + month() + day() + hour() + minute() + second() + ".png");
}