let numParticles = 200; 

let bgColor;

let prevMouseX, prevMouseY; 

let speedFactor = 1; 

​

function setup() {

  createCanvas(600,600);

  bgColor = color(40, 50, 100);

​

  // Set the position where the snowflake appears and differnt size of snowflake 

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

    particles.push(new Particle(random(width), random(height), random(2, 6)));

  }

​

  //  initialize the mouse position 

  prevMouseX = mouseX;

  prevMouseY = mouseY;

​

}

​

function draw() {

    background(bgColor);

​

  // calculate the speed of the movement of mouse 

  let mouseSpeed = dist(mouseX, mouseY, prevMouseX, prevMouseY);

​

  // Adjust the snowflakes speed based on the mouse speed

  speedFactor = map(mouseSpeed, 0, 50, 0.5, 3);

​

  // draw and move the snowflakes

  for (let i = 0; i < particles.length; i++) {

    particles[i].move();

    particles[i].display();

  }

​

  // Update the mouse position from the previous frame

  prevMouseX = mouseX;

  prevMouseY = mouseY;

}

​

// set the floating effect of snowflakes and color

class Particle {

  constructor(x, y, size) {

    this.x = x;

    this.y = y;

    this.size = size;

    this.xSpeed = random(-0.5, 0.5);  

    this.ySpeed = random(0.5, 1);     

    this.color = color(255, 255, random(150, 220), 120); 

  }

​

  move() {

    // adjust the speed of snowflakes based on speed factor

    this.x += this.xSpeed * speedFactor;

    this.y += this.ySpeed * speedFactor;

​

    // Make the snowflakes that move to the edge return to the screen

    if (this.x < 0) this.x = width;

    if (this.x > width) this.x = 0;

    if (this.y > height) this.y = 0;

  }

​

  display() {

    fill(this.color);

    noStroke();

    ellipse(this.x, this.y, this.size);

  }

}

​