createCanvas(700, 400);

  frameRate(10);

}

​

function draw() {

  background("white");

  //tree variables

  var tx = 200 //position

  var ty = 120

  var tz = 20 //trunk width

  var tq = 90 //trunk height

  var tu = 230 //triangle needles shape first point

  var tt = 170

  var ta = 180 // second point both coords

  var te = 210 //third

  var td = 75

​

  //background clouds

  noStroke();

​

  colorMode(HSB);

​

​

  var cloud1 = random(205, 245)

  fill(cloud1, 130, 140)

  circle(random(width), random(height), 75)

​

  var cloud2 = random(255, 250)

  fill(cloud2, 30, 100)

  ellipse(random(width), random(height), 100)

​

​

  fill("violet");

  ellipse(400, 380, 900, 400);

  blendMode(MULTIPLY);

​

  fill("turquoise");

  for (var i = 0; i <= 20; i++) {

    triangle(i * 50, 550, i * 45, 550, i * 35, 220)

    triangle(i * 25 + 10, 350, i * 45, 350, i * 35, 220)

​

  }

  fill(50, 35, 32);

  rect(tx, ty, tz, tq);

​

  fill("violet");

  triangle(tu, tt, ta, ta, te, td);

​

  fill(50, 35, 32);

  rect(tx + 40, ty - 15, tz, tq);

​

  fill("violet");

  triangle(tu + 40, tt - 15, ta + 40, ta - 15, te + 40, td - 15);

​

}