createCanvas(400, 600);

  //background changes color every time.

  background(random(120),random(160),random(100));

}

​

function draw() {

  let myLightGreen = "#4F9A4A";

  let myMiddleGreen = "#4A8147";

  let myBrown = "#834D1A";

​

  //pine tree moves downward.

  //tree branch1

  fill(myLightGreen);

  triangle(

    30 + mouseX,

    40 + frameCount,

    70 + mouseX,

    40 + frameCount,

    50 + mouseX,

    10 + frameCount

  );

  //tree branch2

  fill(myMiddleGreen);

  quad(

    35 + mouseX,

    40 + frameCount,

    22 + mouseX,

    60 + frameCount,

    78 + mouseX,

    60 + frameCount,

    65 + mouseX,

    40 + frameCount

  );

  //tree branch3

  fill(myLightGreen);

  quad(

    30 + mouseX,

    60 + frameCount,

    20 + mouseX,

    80 + frameCount,

    80 + mouseX,

    80 + frameCount,

    70 + mouseX,

    60 + frameCount

  );

  //trunk

  fill(myBrown);

  quad(

    46 + mouseX,

    80 + frameCount,

    44 + mouseX,

    95 + frameCount,

    58 + mouseX,

    95 + frameCount,

    56 + mouseX,

    80 + frameCount

  );

  //random falling leaves

  let leaves = ["🍃", "🍂"];

  let choice = random(leaves);

  textSize(20);

  text(choice, mouseX, mouseY);

}

​