let sun;

let cloud;

let move;

let sa; // speed a

let sb; // speed b

​

function setup() {

  createCanvas(700, 700);

  colorMode(HSB);

  sky = random(100, 25);

  sun = 50

  cloud = 0

  move = .5

  sa = 2

  sb = 1.75

}

​

function draw() {

  background(216, 70, sky);

​

  //sun moon

  noStroke();

  fill(60, sun, 100);

  circle(130, 120, 126);

​

  // cloud 1

  noStroke();

  fill(244, cloud, 82);

    beginShape();

  circle(243+move, 312, 153); 

  circle(142+move, 388, 153); 

  circle(320+move, 404, 121); 

  circle(76+move, 430, 69); 

  circle(402+move, 430, 69);

  rect(187+move, 365, 87, 65);

  rect(76+move, 417, 326, 47);

    endShape(CLOSE);

    // cloud 2

  noStroke();

  fill(244, cloud, 100);

    beginShape();

  circle(393+move*sa, 102, 153); 

  circle(292+move*sa, 178, 153); 

  circle(470+move*sa, 194, 121); 

  circle(226+move*sa, 220, 69); 

  circle(552+move*sa, 220, 69);

  rect(337+move*sa, 155, 87, 65);

  rect(226+move*sa, 207, 326, 47);

    endShape(CLOSE);

​

​

  // cloud 3

  noStroke();

  fill(244, cloud, 93);

    beginShape();

  circle(143+move*sb, 512, 153); 

  circle(42+move*sb, 588, 153); 

  circle(220+move*sb, 604, 121); 

  circle(-24+move*sb, 630, 69); 

  circle(302+move*sb, 630, 69);

  rect(87+move*sb, 565, 87, 65);

  rect(-24+move*sb, 617, 326, 47);

    endShape(CLOSE);

   sky > 62 ? sun = 100 : sun = 0;

   sky > 70 ? cloud = 0 : cloud = 72;

   move >700? move = -500 : move++;

  stroke(30, 70, 100);

  noFill();

  strokeWeight(8);

​

  bezier(mouseX, mouseY, mouseX+22, mouseY-21, mouseX+26, mouseY+52, mouseX+43, mouseY+36)

}