let balls;

let howManyBall;

​

function setup() {

  noStroke();

  howManyBalls = 400;

  createCanvas(1200, 600);

  //myBall = new Ball(width/2,height/2,10);

  balls = [];

  for(let i=0; i <howManyBalls; i++)

  {

   balls.push(new Ball(width/2, height/2,random(1,2)));

  }

  background(250);

}

​

function draw() {

  //background(200);

  for(let i=0; i <howManyBalls; i++)

  {

   balls[i].update();

   balls[i].display();

  }

}

​

class Ball{

 constructor(tx, ty,ts) {

  this.x =tx;

  this.y =ty;

  this.speed = ts;

  this.position = createVector(this.x,this.y); 

  this.velocity = createVector(random(-this.speed,this.speed),random(-this.speed,this.speed));

  this.acceleration = createVector(.1,.1);

  //this.acceleration = createVector(-s.01,-.01);

 }

 update()

  {

    //print(this.velocity.x);

    this.position.add(this.velocity);

    this.velocity.add(this.acceleration);

    if(this.position.x > width)

    {

      this.position.x =0;

    }

    if(this.position.x < 0)

    {

      this.position.x =width;

    }

    if(this.position.y > height)

    {

      this.position.y =0;

    }

    if(this.position.y < 0)

    {

      this.position.y =height;

    }

  }

  display()

  {

     //fill(200,40,50);

    fill(0);

     ellipse(this.position.x, this.position.y, 1,1);

  }

}