let cloudy = 100;

​

​

​

function setup() {

  createCanvas(600, 400);

}

  function mousePressed(){

    save("interactivedesgin.jpg");

  }

function draw() {

  background(25,112,mouseY);

//clouds moving 

  makeClouds(cloudx,cloudy-50);

  makeClouds(cloudx + 100, cloudy + 100);

//mountains

  fill(220);

  noStroke();

  triangle(100,400,500,400,300,100);

  fill(200);

  triangle(300,400,500,400,400,200);

  cloudx+=1;

//moving moon

  ellipse(mouseX, mouseY, 20);

  line(pmouseX,pmouseY,mouseX,mouseY);

  fill(mouseX, mouseY, "LightSlateGray");

  ellipse(520, 70, mouseX + 80);

  fill("black");

  circle(520,50,10);

  circle(540,50,10);

  rect(510, 60, 50, 20, 20);

//tiny hats ontop of moutains

//one moves the other stays in place but changes color

  ellipse(mouseX, mouseY, 10);

  line(pmouseX, pmouseY, mouseX, mouseY);

  fill(mouseX, mouseY, 20);

  line(pmouseX,pmouseY,mouseY,mouseX);

  circle(mouseX + 40,100,24);

  rect(mouseX + 20,100,40,12);

  fill(mouseX,mouseY, 60);

  line(pmouseX,pmouseY,mouseY,mouseX);

  circle(400, 200, 24);

  rect(380, 200, 40, 12);

}

​

function makeClouds(cloudx,cloudy){

  fill(250);

  noStroke();

  ellipse(cloudx,cloudy,70,50);

  ellipse(cloudx + 10,cloudy + 10, 70, 50);

  ellipse(cloudx - 10,cloudy + 10, 70, 50);

}