function preload() {

  // resized down a touch

  img = loadImage("Milkweed_0000_5_sm.png");

}

function setup() {

  createCanvas(800, 600);

  background(220);

  bw = img.width;

  bh = img.height;

}

​

let ny = 40; // base distance where scale = 1

let fy = 180; // starting far distance

let bw; // base rectangle width

let bh; // base rectangle height

​

function draw() {

  // image(img,0,0);

  // background(220);

  background(color(220, 220, 220, 1));

  fill(color(255, 255, 255, 80));

  stroke(color(20, 20, 20, 10));

  line(0, height - fy, width, height - fy);

  line(0, height - ny, width, height - ny);

  stroke(20);

​

  // map the scale between the 'near' y at the bottom to an upper limit at the top and then scale

  // the rectangle based on that

  let sc = map(height - fy, height - ny, ny, 1.0, 0.1);

​

  let w = bw * sc;

  let h = bh * sc;

  let x = random(w, width - 2 * w);

  image(img, x, height - fy - h, w, h);

  // rect(x, height - fy - h, w, h);

​

  fy = random(ny, height - ny);

​

  // rect(20, height - ny - 80, 40, 80);

  image(img, 20, height - ny - bh);

}

​