int pxoffset = 350;
int px = pxoffset;
int py = 350;

int numPix = 10000;
Pix[] pixx = new Pix[numPix];
int framecount = 0;

PImage bg;

void setup(){
  size(800, 800);
  background(0);
  frameRate(12);
  
  // load and set image
  bg = loadImage("blauwgroen.gif");
  bg.loadPixels();
  
  // calculate amount of px
  int bgPx = bg.width*bg.height;
  
  // iterate every colour trough image
 
  for(int i = 0; i<bgPx; i++){
  
    color c = bg.pixels[i];
    float r = red(c);
    float g = green(c);
    float b = blue(c);
 
    // iterate through rows of 100px (image = 100px width)  
    if (px == bg.width+pxoffset){
      px = pxoffset;
      py++; 
    }
   
    px++;      
    
    // set points to the right colorvalue    
    
    pixx[i] = new Pix(px, py, 0, r, g, b);

  } 
 
}

void draw(){
 // background(0);
  fill(0, 50);
  rect(0,0, width, height);
  
  if (framecount < 100){
    for(int i = 0; i<numPix; i++){
      pixx[i].move();
      pixx[i].display();
    }
  }
  else
  {
    for(int i = 0; i<numPix; i++){
      pixx[i].rtrn();
      pixx[i].display();
    }
  } 
 framecount++;
 print (framecount + ", ");
 
}