Forgive Me by ChloeXHalle - OpenProcessing

mySketch
xxxxxxxxxx
 
function setup() {
  createCanvas(650, 650);
  background (0)
 // background(78, 14, 24);
}
​
function draw() {
  
// fill goes before the shape, draw plays in order
  fill (218, 142, 44);
  circle (325,325, 600)
  fill (61, 151, 164)
  circle(325,325,550)
  fill (43, 62, 9);
  circle (325,325,540);
  fill (61, 151, 164)
  circle(325,325,510)
  fill (113, 82, 96)
  circle(325,325,500);
  fill (61, 151, 164)
  circle(325,325,470)
 fill (218, 142, 44);
  circle (325, 325, 460);
  fill (61, 151, 164)
  circle(325,325,340)
  fill (113, 82, 96)
  // fill(19, 17, 99)
  circle (325,325,330)
  fill (61, 151, 164)
  circle(325,325,210)
  fill (43, 62, 9)
  circle(325, 325, 200)
fill (61, 151, 164)//fill (15, 50, 81); 
  circle (325, 325,70);
  // other circlessss! 
  circle (635,20,20)
  circle (605,20,20)
  circle (575,20,20)
  circle (545,20,20)
 circle (515,20,20)
 circle (485,20,20)
 circle (455,20,20)
 circle (425,20,20)
circle (395,20,20)
  circle (365,20,20)
 circle (335,20,20)
 circle (305,20,20)
 circle (275,20,20)
circle (245,20,20)
circle (215,20,20)
circle(185, 20, 20)
  circle(155, 20, 20)
  circle(125, 20, 20)
  circle(95, 20, 20)
  circle(65, 20, 20)
  circle(35, 20, 20)
  circle(5, 20, 20)
  // circles at the bottom of the page, changed 2nd number bc its y(?)
  circle (635,635,20)
  circle (605,635,20)
  circle (575,635,20)
  circle (545,635,20)
 circle (515,635,20)
 circle (485,635,20)
 circle (455,635,20)
 circle (425,635,20)
circle (395,635,20)
  circle (365,635,20)
 circle (335,635,20)
 circle (305,635,20)
 circle (275,635,20)
circle (245,635,20)
circle (215,635,20)
circle(185, 635, 20)
  circle(155, 635, 20)
  circle(125, 635, 20)
  circle(95, 635, 20)
  circle(65, 635, 20)
  circle(35, 635, 20)
  circle(5, 635, 20)
  // circles on the right
  circle(635,50, 20)
  circle (635,80,20)
  circle (635,110,20)
  circle (635,140,20)
  circle (635,170,20)
  circle (635,200,20)
  circle (635,230,20)
  circle (635,260,20)
  circle (635,290,20)
  circle (635,320,20)
  circle (635,350,20)
  circle (635,380,20)
  circle (635,410,20)
  circle (635,440,20)
  circle (635,470,20)
  circle (635,500,20)
  circle (635,530,20)
  circle (635,560,20)
  circle (635,590,20)
  circle (635,612,20)
  // circles on the right second layer
   circle(615,60, 20)
  circle (615,90,20)
  circle (615,120,20)
  circle (615,150,20)
  circle (615,180,20)
  circle (615,210,20)
  circle (615,240,20)
  circle (615,270,20)
  circle (615,300,20)
  circle (615,330,20)
  circle (615,360,20)
  circle (615,390,20)
  circle (615,420,20)
  circle (615,450,20)
  circle (615,480,20)
  circle (615,510,20)
  circle (615,540,20)
  circle (615,570,20)
  circle (615,600,20)
  //circle (615,632,20)
  // circles on the top second layer 
  circle(15,40, 20)
  circle (45,40,20)
  circle (75,40,20)
  circle (105,40,20)
  circle (135,40,20)
  circle (165,40,20)
  circle (195,40,20)
  circle (225,40,20)
  circle (255,40,20)
  circle (285,40,20)
  circle (315,40,20)
  circle (345,40,20)
  circle (375,40,20)
  circle (405,40,20)
  circle (435,40,20)
  circle (465,40,20)
  circle (495,40,20)
  circle (525,40,20)
  circle (555,40,20)
  circle (585,40,20)
  circle (615,40,20)
  // circles on the left first layer 
      circle (5,57,20)
  circle (5,80,20)
  circle (5,110,20)
  circle (5,140,20)
  circle (5,170,20)
  circle (5,200,20)
  circle (5,230,20)
  circle (5,260,20)
  circle (5,290,20)
  circle (5,320,20)
  circle (5,350,20)
  circle (5,380,20)
  circle (5,410,20)
  circle (5,440,20)
  circle (5,470,20)
  circle (5,500,20)
  circle (5,530,20)
  circle (5,560,20)
  circle (5,590,20)
  circle (5,612,20)
  // circles on the left second layer
   circle (25,67,20)
  circle (25,97,20)
  circle (25,127,20)
  circle (25,157,20)
  circle (25,187,20)
  circle (25,217,20)
  circle (25,247,20)
  circle (25,277,20)
  circle (25,307,20)
  circle (25,337,20)
  circle (25,367,20)
  circle (25,397,20)
  circle (25,427,20)
  circle (25,457,20)
  circle (25,487,20)
  circle (25,517,20)
  circle (25,547,20)
  circle (25,577,20)
  circle (25,607,20) 
  
  // circles on the bottom second layer
 // circle(15,615, 20)
  circle (45,615,20)
  circle (75,615,20)
  circle (105,615,20)
  circle (135,615,20)
  circle (165,615,20)
  circle (195,615,20)
  circle (225,615,20)
  circle (255,615,20)
  circle (285,615,20)
  circle (315,615,20)
  circle (345,615,20)
  circle (375,615,20)
  circle (405,615,20)
  circle (435,615,20)
  circle (465,615,20)
  circle (495,615,20)
  circle (525,615,20)
  circle (555,615,20)
  circle (585,615,20)
}
//1.Your rationale for the visual language of the album art and its connection to the song of choice: I took a pretty abstract approach to creating this album art, drawing most of my inspiration from the sounds, colors, and other features of the song and accompanying music video.I choose to use circles in the image because the song, being a pop song, is very circular and repetitive in nature, and when the circles all come together they remind me of a stereo speaker as well.
//2. Your rationale for the color palette of the piece: I chose to use these colors based on the colors of a few of my favorite stills from the music videos and the songs promotional images. The blue color, specifically is used in strobe lighting in the video, so I used it in this image to create an almost obnoxious, vibrational contrast to the rest of the color scheme. 
//3. Your rationale for shape placement within the piece: As I stated before, the image resembles a stereo when placed with the contrasting colors. However, I also just love looking at symetrical things so the circles were a result of that! 
​