DMA 28: Interactivity » Britney Spears

/* I selected the song Gimme More, by Britney Spears.
 I felt that the beats, back up vocals, and Britney's voice
 created a nice pattern. I constructed this pattern using the 
 lyrics and the music video for inspiration. I began by setting
the background to a neutral 127.5, and then setting patterns to
create the illusion of "turning the light down". Then, I decided 
to use overlapping ellipses to sybolize the "mingling" of the 
beats, the loud and softer ones. Next, I placed ovals over the
"mingling" beats to show the way the back up vocals seem to create
the movement created by the song. Finally, I manipulated one of 
the "for" codes to create a nice 3d-looking ring pattern, and placed it
in front of one of the "mingling" beats to represent Britney's voice
and the way that her voice seems to emerge from the beats in the song.*/

size(400,400);
smooth();
background(127.5);

//mingling circles
for (int x=5; x < width; x+=10)
  for (int y=5; y < height; y+=10){
    noStroke();
    fill(0,100);
    ellipse(x,y,10,10);
  }

for (int x=10; x < width; x+=10)
  for (int y=10; y < height; y+=10){
    noStroke();
    fill(255,100);
    ellipse(x,y,10,10);
  }

for (int x=25; x < width; x+=50)
  for (int y=25; y < height; y+=50){
    noStroke();
    fill(0,127.5);
    ellipse(x,y,40,40);
  }

for (int x=50; x < width; x+=50)
  for (int y=50; y < height; y+=50){
    noStroke();
    fill(255,127.5);
    ellipse(x,y,40,40);
  }

//turning the lights down
for (int x=0; x < width; x+=20)
  for (int y=0; y < height; y+=20){
    strokeWeight(1);
    stroke(255,127.5); 
    line(0,0,x,y);
  }

for (int x=0; x < width; x+=20)
  for (int y=0; y < height; y+=20){
    strokeWeight(1);
    stroke(0,175); 
    line(400,400,x,y);
  }

// back up vocals
for (int x=50; x < width; x+=100)
  for (int y=50; y < height; y+=100){
    noStroke();
    fill(0,75);
    ellipse(x,y,50,100);
  }

for (int x=100; x < width; x+=100)
  for (int y=100; y < height; y+=100){
    noStroke();
    fill(255,75);
    ellipse(x,y,100,50);
  }


//britney's voice
for (int x=0; x < width; x+=50)
  for (int y=0; y < height; y+=17){
    fill(127.5,50);
    stroke(0,x/5);
    strokeWeight(10);
    ellipseMode(CORNER);
    ellipse(166,y,y,y);
  }
Interactivity [Spring 2009]

Britney Spears - Gimme More : Exercise C
