Introduction to Interactivity and Media Art

//wendi lee
//desma 28 project 1
//oct.25


void setup() 
{
  size(600, 300);
  framerate(60);  
}
float a;
  float mx;
void draw() 
{
  background(mouseX-5,mouseX-300,mouseX-150);
  mx = mouseX;
  
  float y = mouseX-300;
  float z = 300-mouseX;
 noStroke();
  smooth();
  fill(mouseX-84,mouseX-300,mouseX-445);
triangle(0,300,10,y,26,300);
triangle(26,300,31,z,50,300);
triangle(50,300,60,y,74,300);
triangle(74,300,85,z,99,300);
triangle(99,300,111,y,126,300);
triangle(126,300,136,z,150,300);
triangle(150,300,159,y,174,300);
triangle(174,300,184,z,201,300);
triangle(201,300,210,y,227,300);
triangle(227,300,237,z,254,300);
triangle(254,300,264,y,282,300);
triangle(282,300,292,z,312,300);
triangle(312,300,322,y,339,300);
triangle(339,300,350,z,366,300);
triangle(366,300,377,y,394,300);
triangle(394,300,404,z,424,300);
triangle(424,300,433,y,454,300);
triangle(454,300,461,z,482,300);
triangle(482,300,490,y,511,300);
triangle(511,300,519,z,539,300);
triangle(539,300,547,y,569,300);
triangle(569,300,576,z,600,300);
  marker();
 noStroke();
 a += .2;
  
  translate(mouseX,100);
  rotate(a);  
  float b = random(100,300);

   fill(mouseX,mouseX-298,185);
  ellipseMode(CENTER);
  ellipse(mouseX-b,0,mouseX-300,mouseX-300);
  
    fill(mouseX-129,mouseX*2,mouseX-456);
  ellipseMode(CENTER);
  ellipse(mouseX-b,200,mouseX-250,mouseX-250);
   
   fill(mouseX-45,mouseX/2,mouseX-145);
  ellipseMode(CENTER);
  ellipse(mouseX-b,400,mouseX-200,mouseX-200);
   
   fill(mouseX, 56, mouseX/2);
  ellipseMode(CENTER);
  ellipse(mouseX-b,600,mouseX-100,mouseX-100);
  
    fill(mouseX/3,mouseX/1.5, mouseX);
  ellipseMode(CENTER);
  ellipse(mouseX-b,0,mouseX,mouseX);
  
   fill(225);
  ellipseMode(CENTER);
  ellipse(mouseX-b,56,mouseX-200,mouseX-200);
  

  
}


void marker() 
{
  // Set the location of marker
  float dif = mouseX - mx;
  if(abs(dif) > 1.0) {
    mx = mx + dif/8.0;
  }
  // Keep the marker on the screen
  mx = constrain(mx, 1, width-1);
  // Draw bottom rectangle
  noStroke();
  fill(255);
  rect(0, height-5, width, 5);
  // Draw bottom positional marker
  fill(0);
  rect(mx-2, height-5, 4, 5);
}