//hippy puke
//AnnMarie Cernoch 2007

// this drawing program is using the num integer to increment up thus causing a trailing effect.
// follow the instructions on how to switch between the two color schemes.
// the mouse interaction changes the color of background shapes. mouse also has a trailing 2nd interaction.

int i= 500;
int num = 60;
float mx[] = new float[num];
float my[] = new float[num];
float x[] = new float[num];
float y[] = new float[num];

//color rndColor;   //uncomment to use random green color
color[] colors = new color[num];  // uncomment for blue/purple colors
color safecolor;


void setup() 
{
  size(400, 400);
  smooth();
  background(0);
  //comment out below to use green color function
  safecolor = color(153, 153, 153);
  for(int i=0; i<num; i++){
    colors[i] = color(255 * (i+1)/num, 153 * (num-i)/num, 204);
  }
}

void draw() 
{
  //background(51);

  // Reads throught the entire array and shifts the values to the left
  for(int i=1; i<num; i++) {
    mx[i-1] = mx[i]-1;
    my[i-1] = my[i]-1;
  } 
  // Add the new values to the end of the array
  mx[num-1] = random(i);
  my[num-1] = random(i);

  for(int i=0; i<num; i++) {
    //stroke(1);  //uncomment for cone-shape-look
    rect(mx[i], my[i], i/2, i/2);
    fill(0,mouseX, mouseY);  //uncomment to add mouse interaction. 
    //fill(colors[i]);  //uncomment to use purple and blue gradient colors

    //rndColor = color(0, random(255),0);   //uncomment to use random green color--change color here
    //fill(rndColor);   //uncomment to use random green color
  }
  for(int i=1; i<num; i++) {
    x[i-1] = x[i];
    y[i-1] = y[i];
  } 
  // 2nd mouse interaction--trailing effect
  x[num-1] = mouseX;
  y[num-1] = mouseY;

  for(int i=0; i<num; i++) {
    noStroke();
    ellipse(x[i], y[i], i/2, i/2);
    fill(colors[i]);  //uncomment for blue/purple color

    // rndColor = color(0, random(255),0);   //uncomment to use random green color
    //fill(rndColor);   //uncomment to use random green color
  }
}