​

let fireworks = []; // Array to store fireworks

​

function setup() {

  createCanvas(700, 500);

  background(10);

  colorMode(HSB, 100);

  frameRate(60);

}

​

function draw() {

  background('rgba(0,0,0, 0.05)');

  // Update and display all fireworks

  for (let i = fireworks.length - 1; i >= 0; i--) {

    fireworks[i].update();

    fireworks[i].display();

    // Remove fireworks that have finished

    if (fireworks[i].isDone()) {

      fireworks.splice(i, 1);

    }

  }

}

​

function mousePressed() {

  // Create a new firework at the mouse position

  let newFirework = new Firework(mouseX, mouseY);

  fireworks.push(newFirework);

}

​

class Firework {

  constructor(x, y) {

    this.x = x;

    this.y = y;

    this.particles = [];

    this.exploded = false;

    // Create particles for the explosion

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

      this.particles.push(new Particle(this.x, this.y));

    }

  }

​

  update() {

    // If the firework hasn't exploded yet, update its position

    if (!this.exploded) {

      this.y -= 5; // Move the firework up

      if (this.y <= height * 0.5) {

        this.explode();

      }

    }

    // Update particles

    for (let particle of this.particles) {

      particle.update();

    }

  }

​

  display() {

    // Display particles

    for (let particle of this.particles) {

      particle.display();

    }

  }

​

  explode() {

    this.exploded = true;

  }

​

  isDone() {

    // Check if all particles have faded out

    for (let particle of this.particles) {

      if (!particle.isDone()) {

        return false;

      }

    }

    return true;

  }

}

​

class Particle {

  constructor(x, y) {

    this.x = x;

    this.y = y;

    this.vx = random(-2, 2);

    this.vy = random(-2, 2);

    this.alpha = 255;

  }

​

  update() {

    this.x += this.vx;

    this.y += this.vy;

    this.alpha -= 3; // Fade out

  }

​

  display() {

    stroke(0, 0, 95, this.alpha);

    strokeWeight(4);

    point(this.x, this.y);

  }

​

  isDone() {

    return this.alpha <= 0;

  }

}

​