Processing: Creative Coding and Computational Art

PROCESSING: CREATIVE CODING AND COMPUTATIONAL ART
428
The radial gradient functions similarly to the linear one, except I used some trig functions.
The way it works is that the radius keeps increasing each iteration of the outer for
loop. The nested loop creates a circle of colored pixels at each radius length. A blend
occurs between color 1 and color 2, as it did in the linear example. I had to add some
minor “hacks,” however. Since the set() function only takes ints, not floats, I needed to
explicitly convert the px and py variables to ints with the calls int(px) and int(py). In
addition, as the pixels were drawn around each circle at the respective radii lengths, I
noticed some small (and annoying) gaps in the gradient. To compensate, I created the
gapFiller variable, which ensures that extra pixels are drawn to fill in the gaps. I look
forward to hearing from one of you on how to more elegantly solve this problem—full
bragging rights extended.
Before moving on to another approach to writing pixels, let’s look at one more less “regular”
example. This example, shown in Figure 10-19, also takes some time to render.
/*
Wave Gradient
January 13, 2006
*/
size(600, 400);
background(200,200,200);
float angle = 0;
float px = 0, py = 0;
float amplitude = 30;
float frequency = 0;
float fillGap = 2.5;
color c;
for (int i=-50; i