let particles = [];

let synth;

​

function setup() {

  // Create a canvas

  createCanvas(windowWidth, windowHeight);

  // Initialize the particle system

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

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

  }

  // Initialize the audio synthesizer

  synth = new p5.Oscillator();

  synth.setType('sine');

  synth.start();

}

​

function draw() {

  // Clear the canvas

  background(0);

  // Update and display particles

  for (let particle of particles) {

    particle.update();

    particle.display();

  }

}

​

function Particle(x, y) {

  this.pos = createVector(x, y);

  this.vel = createVector(random(-1, 1), random(-1, 1));

  this.acc = createVector();

  this.update = function() {

    // Update position based on velocity

    this.pos.add(this.vel);

    // Apply friction

    this.vel.mult(0.95);

    // Apply attraction to mouse

    let mouse = createVector(mouseX, mouseY);

    let dir = p5.Vector.sub(mouse, this.pos);

    let d = dir.mag();

    dir.normalize();

    dir.mult(10 / (d + 0.1));

    this.acc = dir;

    // Update velocity based on acceleration

    this.vel.add(this.acc);

  };

  this.display = function() {

    // Draw particle

    fill(random(255), random(255), random(255));

    noStroke();

    ellipse(this.pos.x, this.pos.y, 10, 10);

    // Emit sound based on position

    let frequency = map(this.pos.x, 0, width, 100, 1000);

    synth.freq(frequency);

  };

}

​

function mouseMoved() {

  // Create new particles at mouse position

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

    particles.push(new Particle(mouseX, mouseY));

  }

}

​