var ball_num;

var ballX = [];

var ballY = [];

var speedX = [];

var speedY = [];

var ball_color = [];

var ball_diameter = [];



var colors = [];



function setup() {

  createCanvas(windowWidth,

               windowHeight);



  ball_num = 823;



  colors.push(color(255, 255, 64));

  colors.push(color(255, 255, 64));

  colors.push(color(64, 255, 64));

  colors.push(color(64, 255, 64));

  colors.push(color(64, 244, 240));

  colors.push(color(64, 244, 240));

  colors.push(color(220, 255, 235));

  colors.push(color(255, 255, 255));

  colors.push(color(100, 100, 100));

  colors.push(color(255, 255, 0));

  colors.push(color(0, 255, 255));

  colors.push(color(255, 0, 255));

  colors.push(color(98, 250, 200));

	

colors.push(color(255, 200, 0));

  for (var i = 0; i < ball_num; i = i + 1) {

    ballX[i] = random(0, windowWidth);

    ballY[i] = random(0, windowHeight);

    speedX[i] = random(-2.0, 3.0);

    speedY[i] = random(-2.0, 3.0);

    ball_color[i] = floor(random(0, colors.length));

    ball_diameter[i] = random(8,20);

  }

}



function draw() {

  background(238, 238, 238, 100);

  noStroke();



  for (var i = 0; i < ball_num; i++) {

    ballX[i] = ballX[i] + speedX[i];

    ballY[i] = ballY[i] + speedY[i];



    if (ballX[i] > windowWidth || ballX[i] < 0) {

      speedX[i] = -1 * speedX[i];

    }



    if (ballY[i] > windowHeight || ballY[i] < 0) {

      speedY[i] = -1 * speedY[i];

    }

  }



  for (var i = 0; i < ball_num; i++) {

    fill(colors[ball_color[i]]);

    ellipse(ballX[i], ballY[i], ball_diameter[i]);

  }



}