栞の跡

var w = 600;

var h = 400;

function setup() {

  createCanvas(w+20, h);

  background(255);

  //background(130, 90, 29, 25);

  noStroke();

  fill(130, 90, 29, 50);

  rect(0,0,600,400)

  fill(255,255,255,100);

  triangle(300,0,600,0,600,200);

  fill(255);

  ellipse(550,50,50);

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

​

    let rw = random(w);

    let rh = random(h);

    fill(255,110+rw/10,110+rh*3/20,random(100,150));

    if(rh*3 >= rw*1.8 - 200){

      footprint(rw, rh, random(30,80));

    }else{

      continue;

    }

  }

  fill(255);

  rect(600,0,20,400);

  fill(150,150,255);

  quad(550,25,620,40,620,90,550,75);

  quad(600,25-15*5/7,600,25+15*5/7-5,620,40-5,620,10);

}

​

function footprint(x, y, size){

  //参考：https://processing-fan.firebaseapp.com/tutorial/p5/custom.html

  var l = x - size/2;

  var u = y - size/2;

  ellipse(x,y,size*0.5,size * 0.45);

  ellipse(x, y + size * 0.15, size * 0.8, size* 0.5);

  ellipse(l + size * 0.1, u + size * 0.3, size /5, size/3);

  ellipse(l + size * 0.9, u + size * 0.3, size /5, size/3);

  ellipse(l + size * 0.35, u + size * 0.1, size /4, size/3);

  ellipse(l + size * 0.65, u + size * 0.1, size /4, size/3);

}