GDV P.1.2.3 Color palettes from rules

I Went through the P.1.2.3 Color palettes from rules chapter. Values for hue, saturation and brightness are randomly selected from predefined ranges of values. This combination of rule sets – the definition of value ranges – and random functions means that new palettes are continually created and that they always produce specific color nuances. Because the perception of color depends on context, the produced colors are drawn in an interactive grid. Even the color nuances emerge more distinctly. You can find the original programs at these url’s:

The chapter was divided into four variations of a program. So I did that too. I made about five variations on all four programs. The first variation does not change so much apart that there are circles positioned at the cross-points of the rectangles. Clicking the 1 – 0 keys will switch to different color settings.

Here I switched off the fill function and replace it with a stroke. I also introduced Processing 2’s new possibility to draw a rounded rectangle. Also added a frame rate of 1 just to slow down the program. Also added randomness in the height for every rectangle.

At this point I made all rectangles the same size. But made them very small. This makes very nice waves of colored rectangles. Except when you hit the 4 key on your keyboard.

Put some offset between the rectangles and display ellipses around each rectangle.

The programs may behave rather clunky because I slowed them down by decreasing the frame rate. In this program I changed the background color and removed all ellipses. Removed the vertical offset.

This is the second group of variations. Here some horizontal randomization is used to generate more vertical lines. I removed almost all color information except for 2 colors. This makes interesting vertical shapes. In certain cases some artifacts may show up displaying 1 pixels thick lines.

Here I reduced the amount of horizontal rows to 2. By clicking the mouse you can get sometimes interesting patterns. You have to click a few times.

I increased the randomized amount of rows between 1 and 10. I also increased the horizontal randomization effect which results in more vertical lines.

Even more randomization in each horizontal bar. With every mouse click it also gives strange but surprising color combinations.

In this program I reduced the colors to 3. Change the background color to a neutral grey. And increased the  amount of rows somewhere between a random number of 50 and 100.

Entering the third group of variations. There is some amount of transparency and overlapping introduced.

Here we are getting into trouble. This sketch is not displayed. Why? I posted a question on the Processing Forum because I thought the problem was raised because I used OpenGL in this sketch. The problem might be that JavaScript does not support most Processing libraries. Which gives you less functionality in JavaScript. Which in return might lead to a grey display screen. However… the Processing file will work if you download it.

The same remark goes for the next three programs. They will not show up. The Processing file will work.

The last group of variations. Here everything seems to be fine again. And you can see that the display problem is solved. OpenGL works also. Apart from the jagged edges it is fine. If you run the program in Processing there are less jaggies. To make these images I mashed up the program by randomizing the vertex points of the vertices.

In this sketch I randomized  every vertex-point between 0 and 100.

I tried to find out if JAVA2D option is working in JavaScript. It seems that it works. The drawback is that you lose all the shadow and transparency effects. Which is not where I am looking for. But you win in display quality. All jaggies are disappeared.

In this sketch I flipped the vertex-points of the vertices. But also this variation looks much nicer if you run the program in Processing.

The last variation looks very blocky. Again we lose a lot of display quality by converting the Processing file to JavaScript. If I run the Processing sketch it seems to look more like a kind of architecture-ish thing. Anyway this ends the variations on color chapters. I learned and unlearned lot.


Comments? Leave a reply.

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s