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:
http://www.generative-gestaltung.de/P_1_2_3_01
http://www.generative-gestaltung.de/P_1_2_3_02
http://www.generative-gestaltung.de/P_1_2_3_03
http://www.generative-gestaltung.de/P_1_2_3_04

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.
P_1_2_3_01_GDV_01

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.
P_1_2_3_01_GDV_02

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.
P_1_2_3_01_GDV_04

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

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.
P_1_2_3_01_GDV_06

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.
P_1_2_3_02_GDV_01

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.
P_1_2_3_02_GDV_02

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

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

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.
P_1_2_3_02_GDV_05

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

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.
P_1_2_3_03_GDV_02

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

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.
P_1_2_3_04_GDV_01

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

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.
P_1_2_3_04_GDV_03

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.
P_1_2_3_04_GDV_04

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.
P_1_2_3_04_GDV_05

Advertisements

Comments? Leave a reply.

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

WordPress.com Logo

You are commenting using your WordPress.com 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