Processing: Creative Coding and Computational Art

PROCESSING: CREATIVE CODING AND COMPUTATIONAL ART
212
for (int i=0; i0){
line(pts[0][i], pts[1][i], pts[0][i-1], pts[1][i-1]);
}
if (i== pts[0].length-1){
line(pts[0][i], pts[1][i], pts[0][0], pts[1][0]);
}
}
}
Figure 6-32. Point Recorder/Plotter sketch
Hopefully some of this looks familiar. You’ve already used for loops to run through the
indices of an array, as well as created your own custom functions to modularize a process.
This example also introduces a new variation on an older theme—2D arrays—and also
utilizes another simple rendering option, the smooth() function. However, before I discuss
either of these new structures, let’s look at what’s happening in this sketch.
Within setup(), I created a couple of arrays and populated them with coordinate data
describing the vertices of a square. Obviously, if you were going to use a vertex coordinate
recording process like this for real, you would not hard-code in the coordinate values,
which if you remember are called magic numbers and are generally to be avoided.
However, to keep things simple I broke my own rule. After I fill the array with these values,