var diam = 20;

var rot = 0;

​

var x2 = 0;

​

var xSun = 200;

var ySun = 225;

var xNew = 1;

var yNew = 1;

​

function setup() {

  createCanvas(400, 400);

  noStroke();

}

​

function draw() {

  background("Skyblue");

​

  fill("blue");

  rect(0, 315, 400, 100);

​

  //sun

  fill("yellow");

  ellipse(200, 275, 25, 25);

​

  //glacier

  if (x > 400) {

    x = -150;

  }

​

  fill("white");

  triangle(x + 20, 300, x - 10, 350, x + 30, 350);

  triangle(x + 50, 275, x, 350, x + 100, 350);

  triangle(x + 80, 280, x + 45, 350, x + 120, 350);

  x++;

​

  // cloud layer 1

  fill(240, 180, 180, 100);

​

  ellipse(x2, 155, 126, 97);

  ellipse(x2 + 67, 150, 70, 60);

  ellipse(x2 - 50, 150, 70, 60);

​

  ellipse(x2 + 103, 70, 126, 97);

  ellipse(x2 + 165, 100, 70, 60);

  ellipse(x2 - 159, 100, 90, 60);

​

  //cloud layer 2

  fill(250, 245, 245, 100);

​

  ellipse(x2, 150, 126, 97);

  ellipse(x2 + 62, 150, 70, 60);

  ellipse(x2 - 62, 150, 70, 60);

​

  ellipse(x2 + 100, 70, 126, 97);

  ellipse(x2 + 162, 100, 70, 60);

  ellipse(x2 - 162, 100, 90, 60);

​

  //cloud layer 3

​

  fill(196, 198, 250, 200);

  ellipse(x2 + 110, 140, 126, 97);

  ellipse(x2 + 40, 100, 70, 60);

  ellipse(x2 - 10, 120, 70, 60);

​

  ellipse(x2 + 35, 10, 126, 97);

  ellipse(x2 + 212, 150, 70, 60);

  ellipse(x2 - 117, 130, 90, 60);

​

  //cloud layer 4

  fill(240, 245, 235, 200);

​

  ellipse(x2 + 100, 150, 126, 97);

  ellipse(x2 + 30, 110, 70, 60);

  ellipse(x2 - 20, 170, 70, 60);

​

  ellipse(x2 + 25, 70, 126, 97);

  ellipse(x2 + 202, 100, 70, 60);

  ellipse(x2 - 127, 130, 90, 60);

  x2++;

​

  if (x2 > 580) {

    x2 = -220;

  }

}

​