int numSpots = 100;
Spot[] spots = new Spot[numSpots];


void setup(){
  size(1200,800);
  smooth();
  noStroke();
  background(255);
  PFont font;
  font=loadFont("HelveticaNeueLT-Medium-48.vlw");
  textFont(font);

  for (int i=0;i<spots.length;i++){
    float x = random(width);
    float y = random(height);
    float rate = .1+(i*.025);
    spots[i] = new Spot(x,y,random(20));
  }
}



void draw(){
  //fill(255,10);
  //rect(0,0,width,height);
  fill(0);

  for (int i = 0; i<spots.length;i+=2){
    fill(0);
    //randomSeed(2);
    spots[i].move(random(-2,2), random(-2,2));
    spots[i].displayblack();
    
  }
  
  for (int i = 1; i<spots.length;i+=2){
   
    //randomSeed(2);
    spots[i].move(random(-3,3), random(-3,3));
    spots[i].displayred();
  }
  
  for (int i = 0; i<spots.length;i+=9){
   
    //randomSeed(2);
    spots[i].move(random(-1,1), random(-1,1));
    spots[i].displayyellow();
  }

String txt = "frame " + frameCount;
textSize(20);
noStroke();
float txtw = textWidth(txt);
text(txt,25,650);
rect(25,652,txtw,3);
fill(255,100);
rect(20,630,txtw+10,30);






}



class Spot{
  float x,y,diameter;
  float speedX, speedY;
  int directionX = 1;
  int directionY = -1;

  Spot(float incomingx, float incomingy, float incomingdiameter){
    x = incomingx;
    y = incomingy;
    diameter = incomingdiameter;
   // speedX = incomingspeedX;
    //speedY = incomingspeedY;
  }

  void move(float speedX, float speedY){
    y+=(speedY*directionY);
    if((y>(height-diameter/2)||(y<diameter/2))){
      directionY = -1*directionY;
    }
    x+=(speedX*directionX);
    if((x>(width-diameter/2)||(x<diameter/2))){
      directionX = -1*directionX;
    }
  }

  void displayblack(){
    stroke(0,20);
    point(x,y);
      }
      
  void displayred(){
    stroke(255,0,0);
    point(x,y);
   // ellipse(x,y,5,5);
      }
      
  void displayyellow(){
    stroke(255,255,0);
    point(x,y);
    //translate(x,y);
    //rect(x,y,10,10);
   
      }


}