In-Progress Sketch

CODE: https://editor.p5js.org/lucystraw18/sketches/zGJgzpfzx

function setup() {

  createCanvas(1280, 720);

  background(3, 10, 100);

} 

function draw() {

  

  let x=constrain(mouseX, 10, 1280);

  let y=90;

  stroke(1);

  ellipse(x, y, 40, 25);

  

  noStroke();

  fill(250);

  circle(1000, 250, 500);

    

  noStroke();

  fill(30, 80, 0)

  ellipse(0, 650, 650, 800);

  

  noStroke();

  fill(200);

  rect(650, 250, 320, 120, 80);

  

  noStroke();

  fill(30, 120, 0);

  ellipse(500, 750, 950, 1000);

  

  noStroke();

  fill(10, 140, 15);

  ellipse(200, 900, 1000, 1000);

   

  noStroke();

  fill(250, 180, 70);

  square(423, 170, 130);

  

  noStroke();

  fill(70);

  triangle(490, 100, 570, 170, 408, 170);

  

  strokeWeight(1);

  fill(230, 100, 60);

  rect(462, 230, 50, 70);

  

 

  

  fill(255, 204, 0);

  circle(500, 265, 10);

  

  

  fill(200);

  rect(1010, 130, 320, 120, 80);  

}

NOTES:

I plan to have a little rocket ship shooting across the sky that you can play around with, but I'm having a difficult time getting the image to be connected to the constrain() element. I also plan to make the clouds in front of the moon move.