const snowflakes = [];

const ground = [];

​

// Set minimum and maximum snowflake falling speeds.

const minSpeed = 1;

const maxSpeed = 5;

​

​

function setup() {

  createCanvas(400, 400);

  noSmooth(); 

  stroke(255); 

  fill(255);   

​

  // Generate 300 random snowflakes with positions and speeds.

  for (let i = 0; i < 300; i++) {

    snowflakes.push(createVector(random(width), random(height), random(minSpeed, maxSpeed)));

  }

​

  // Initialize the ground level at the height of the canvas.

  for (let x = 0; x < width; x++) {

    ground[x] = height;

  }

}

​

​

function draw() {

  background(0, 0, 32); // Set background color with a touch of blue.

​

  // Update and draw each snowflake.

  for (const snowflake of snowflakes) {

    snowflake.y += snowflake.z; // Move the snowflake downwards.

​

    fill(255); // Set the snowflake color to white.

    rect(snowflake.x, snowflake.y, 1, 1); // Draw a small rectangle for each snowflake.

​

    // If a snowflake reaches or goes below the ground level, reset its position.

    if (snowflake.y >= ground[floor(snowflake.x)]) {

      ground[floor(snowflake.x)]--;

​

      snowflake.x = random(width);

      snowflake.y = 0;

    }

  }

​

  // Draw the ground as rectangles at varying heights.

  for (let x = 0; x < width; x++) {

    rect(x, ground[x], 1, height - ground[x]);

  }

​

  drawScenery(); // Call a function to draw additional scenery elements.

}

​

// Add a snowflake at the mouse position when the mouse is pressed.

function mousePressed() {

  snowflakes.push(createVector(mouseX, mouseY, random(minSpeed, maxSpeed)));

}

​

// Continuously add snowflakes at the mouse position while the mouse is dragged.

function mouseDragged() {

  snowflakes.push(createVector(mouseX, mouseY, random(minSpeed, maxSpeed)));

}

​

// Function to draw scenery elements.

function drawScenery() {

  // Draw clouds using ellipses

  fill('#747474'); // White color

  noStroke(); // No outline for the clouds

  ellipse(50, 60, 60, 60);

  ellipse(90, 50, 60, 70);

  ellipse(130, 60, 60, 60);

​

  //cloud 2

  ellipse(250, 60, 60, 60);

  ellipse(290, 50, 60, 70);

  ellipse(330, 60, 60, 60);

​

  // Draw the main body of the house

  fill('#FCF3A5'); 

  rect(150, 230, 200, 170);

​

  // Draw the roof of the house

  fill('pink'); 

  triangle(150, 230, 250, 130, 350, 230);

​

  // Draw the door of the house

  fill(100, 70, 30); 

  rect(220, 310, 55, 90);

​

  // Draw windows of the house

  fill(200); 

  strokeWeight(2); 

  rect(175, 250, 40, 40);

  rect(275, 250, 40, 40);

​

  // Draw the first tree

  fill(139, 69, 19); 

  rect(50, 250, 50, 150); 

  fill(34, 139, 34); 

  ellipse(75, 200, 120, 120); 

}

​