var pointX = [];

var pointY = [];

var speedX = [];

var speedY = [];

var point_num;



function setup() {

  createCanvas(windowWidth,

               windowHeight);

  point_num = 300;

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

    pointX[i] = random(600, windowWidth);

    pointY[i] = random(200, windowHeight);

    speedX[i] = random(-1, 1);

    speedY[i] = random(-1, 1);

  }

}



function draw() {

  background(177, 216, 214, 23);

  strokeWeight(3);

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

    pointX[i] = pointX[i] + speedX[i];

    pointY[i] = pointY[i] + speedY[i];



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

      speedX[i] = -speedX[i];

    }



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

      speedY[i] = -speedY[i];

    }



    if (i < point_num * 0.5) {

      stroke(0, 0, 10);

    }

    

    else {

      stroke(288, 87, 0);

    }



    point(pointX[i], pointY[i]);

  }

}