createCanvas(700, 400);

  background("pink");

  frameRate(10);

}

​

function draw() {

  //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 randomizedBlueHue = random(205,245)

    fill(randomizedBlueHue, 130, 140)

    circle(random(width), random(height), 50)

    var randomizedPurblehue = random(255,250)

    fill(randomizedPurblehue,160, 100)

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

    fill("violet");

    ellipse(400, 380, 900, 400);

    rect(tx, ty, tz, tq);   

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

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

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

​

}

​