​

let animLength = 5;

​

let leaves = [];

​

let ls = [];

​

function setup() {

  createCanvas(640, 360, SVG);

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

    ls.push(random(20, 100));

  }

}

​

function draw() {

  // clear();

  background(157, 196, 175);

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

    push();

    stroke(255);

    strokeWeight(2);

    translate(width * (0.2 + i / 4), height);

    let l = min(ls[i], map(millis() / 1000, 0, 5, 0, ls[i]));

​

    let r = map(l, 0, 100, 0, 20 * mouseY / width);

​

    angle = min(QUARTER_PI, map(millis() / 1000, 0, 5, 0, QUARTER_PI));

    angle *= mouseX / width;

​

    branch(l, r);

    pop();

  }

}

​

function branch(len, radius) {

  let n1 = noise(frameCount * 0.004);

  let n2 = noise(10000 + frameCount * 0.004);

  stroke(168, 102, 50);

  line(0, 0, 0, -len);

  translate(0, -len);

  if (len > 8) {

    push();

    rotate(angle * n1);

    branch(len * 0.67, radius);

    pop();

    push();

    rotate(-angle * n2);

    branch(len * 0.67, radius);

    pop();

  } else {

    noStroke();

    fill(2, 61, 0, 200);

    ellipse(0, 0, radius, radius); 

  }

}

​

function keyPressed() {

  if (key == "s") {

    save("mySVG.svg");

  }

}

​

function mousePressed() {

  ls = [];

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

    ls.push(random(20, 100));

  }

}

​

​

​

​

​

​

​

​