let stars = [];

let starsNum = 600;

​

class Star {

  constructor(x,y,z,pz) {

    this.x = random(-width/2, width/2);

    this.y = random(-height/2, height/2);

    this.z = random(width/2);

    this.pz = this.z;

  }

  update() {

    this.z = this.z - speed;

​

    if (this.z < 1) {

      this.z = width/2;

      this.x = random(-width/2, width/2);

      this.y = random(-height/2, height/2);

      this.pz = this.z;

    }

  }

  show() {

    fill(255);

    noStroke();

    let sx = map(this.x/this.z, 0, 1, 0, width);

    let sy = map(this.y/this.z, 0, 1, 0, height);

    let r = map(this.z, 0, width/2, 3, 0);

    ellipse(sx, sy, r, r);

    let px = map(this.x/this.pz, 0, 1, 0, width);

    let py = map(this.y/this.pz, 0, 1, 0, height);

    this.pz = this.z;

    stroke(255);

    line(px, py, sx, sy);

  }

}

​

function setup() {

  createCanvas(600, 600);

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

    stars[i] = new Star();

  }

}

​

function draw() {

  // speed = map(mouseX, 0, width, 0, 50);

  speed = 3;

​

  background(0);

  translate(width/2, height/2);

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

    stars[i].update();

    stars[i].show();

  }

}