Iteration.

Iteration.

Iteration with a “for” structure to construct repetitive forms.

 
int y;
int num = 14;

size(640, 360);
background(102);
noStroke();
 
// White bars 
fill(255);
y = 60;
for(int i = 0; i < num/3; i++) {
  rect(50, y, 475, 10);
  y+=20;
}

// Gray bars
fill(51);
y = 40;
for(int i = 0; i < num; i++) {
  rect(405, y, 30, 10);
  y += 20;
}
y = 50;
for(int i = 0; i < num; i++) {
  rect(425, y, 30, 10);
  y += 20;
}
  
// Thin lines
y = 45;
fill(0);
for(int i = 0; i < num-1; i++) {
  rect(120, y, 40, 1);
  y+= 20;
}

Functions Used

fill()

Sets the color used to fill shapes

Learn More
size()

Defines the dimension of the display window width and height in units of pixels

Learn More
rect()

Draws a rectangle to the screen

Learn More
for

Controls a sequence of repetitions

Learn More
noStroke()

Disables drawing the stroke (outline)

Learn More
background()

The background() function sets the color used for the background of the Processing window

Learn More