Fractal.Invaders, Substrate (Interview with Jared Tarbell) - Processing

Change the brightness, hue and saturation constant
colorMode(HSB);
for (int i = 0; i < 100; i++) {
stroke(132, 108, i*2.5);
line(i, 0, i, 100);
}
// Change the saturation and brightness, hue constant
colorMode(HSB);
for (int i = 0; i < 100; i++) {
for (int j = 0; j < 100; j++) {
stroke(132, j*2.5, i*2.5);
point(i, j);
}
}
It’s easy to make smooth transitions between colors by changing the values used for
color(), fill(), and stroke(). The HSB model has an enormous advantages over
the RGB model when working with code because it’s more intuitive. Changing the values
of the red, green, and blue components often has unexpected results, while estimating
the results of changes to hue, saturation, and brightness follows a more logical path. The
following examples show a transition from green to blue. The fi rst example makes this
transition using the RGB model. It requires calculating all three color values, and the
saturation of the color unexpectedly changes in the middle. The second example makes
the transition using the HSB model. Only one number needs to be altered, and the hue
changes smoothly and independently from the other color properties.
// Shift from blue to green in RGB mode
colorMode(RGB);
for (int i = 0; i < 100; i++) {
float r = 61 + (i*0.92);
float g = 156 + (i*0.48);
float b = 204 - (i*1.43);
stroke(r, g, b);
line(i, 0, i, 100);
}
// Shift from blue to green in HSB mode
colorMode(HSB, 360, 100, 100);
for (int i = 0; i < 100; i++) {
float newHue = 200 - (i*1.2);
stroke(newHue, 70, 80);
line(i, 0, i, 100);
}
92 Color 1: Color by Numbers
9-17
9-18
9-19
9-20