// occludingEdge_001
// by Phil Ayres <http://www.philayres.org>
// Two classes of occluding figures with differing attributes.
// 25 October 2006
// Adapted from the 'Brownian motion' example by REAS <http://reas.com>

int num = 2000;
int num2 = 2000;
int lowRange = 15;
int upRange = 25;
int radius = 20;

float[] ellR = new float[num];
float[] ax = new float[num];
float[] ay = new float[num]; 
float[] ellR2 = new float[num2];
float[] bx = new float[num2];
float[] by = new float[num2]; 

void setup() 
{
  size(400, 300);
  for(int i=0; i<num; i++) {
    ax[i] = 50;
    ay[i] = height/2;
  }
  for(int i=0; i<num2; i++) {
    bx[i] = 40;
    by[i] = height/2;
  }
  framerate(60);
}

void draw() 
{
  background(244); 
  for(int i=1; i<num; i++) {
    ax[i-1] = ax[i];
    ay[i-1] = ay[i];
    ellR[i-1] = ellR[i];
  }
  for(int i=1; i<num2; i++) {
    bx[i-1] = bx[i];
    by[i-1] = by[i];
    ellR2[i-1] = ellR2[i];
  }
  
  ax[num-1] += random(-upRange, upRange);
  ay[num-1] += random(-upRange, upRange);
  bx[num2-1] += random(-upRange, upRange);
  by[num2-1] += random(-upRange, upRange);
  
  ellR[num-1] = random(radius);
  ellR2[num2-1] = random(radius);

  ax[num-1] = constrain(ax[num-1], 0, width);
  ay[num-1] = constrain(ay[num-1], 0, height);
  bx[num2-1] = constrain(bx[num2-1], 0, width);
  by[num2-1] = constrain(by[num2-1], 0, height);
  
  for(int i=1; i<num; i++) {    
    stroke(245, 227, 67);
    smooth();
    ellipse(ax[i], ay[i], ellR[i], ellR[i]);

    float val2 = float(i)/num2 * 255.0 + 51;
    stroke(val2);
    smooth();
    ellipse(bx[i], by[i], ellR2[i], ellR2[i]);
  }
}