Iteration
Iteration with a "for" structure to construct repetitive forms.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
let y;
let num = 14;
function setup() {
createCanvas(720, 360);
background(102);
noStroke();
// Draw white bars
fill(255);
y = 60;
for (let i = 0; i < num / 3; i++) {
rect(50, y, 475, 10);
y += 20;
}
// Gray bars
fill(51);
y = 40;
for (let i = 0; i < num; i++) {
rect(405, y, 30, 10);
y += 20;
}
y = 50;
for (let i = 0; i < num; i++) {
rect(425, y, 30, 10);
y += 20;
}
// Thin lines
y = 45;
fill(0);
for (let i = 0; i < num - 1; i++) {
rect(120, y, 40, 1);
y += 20;
}
}
