​

function setup() {

    createCanvas(windowWidth, windowHeight);

    mouseX = width / 2;

    mouseY = height / 2;

    mousePressed();

}

​

function draw() {

    background(21, 8, 50, 30);

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

      particles[i].update()

      particles[i].show()

    }

}

​

function mousePressed(){

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

    particles.push(new Particle());

    }

}

​

class Particle{

​

    constructor(){  

      this.pos = createVector(random(width),random(height));

      this.vel = createVector();

      this.color = color(random(255), random(255), random(255));

    }

    update(){

      this.acc = createVector(mouseX-this.pos.x, mouseY-this.pos.y);

      this.acc.setMag(random(1));

      this.vel.add(this.acc);

      this.vel.limit(10);

      this.pos.add(this.vel);

    }

    show(){

      noStroke();

      fill(this.color);

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

    }

}