GDV P.1.1.1 Color spectrum in a grid

I started making variations on this program a year ago. But I did not manage to design something what I thought would make sense. So I started again a few weeks ago. In the original program P_1_1_1_01 there is a grid created by using two nested for loops. In the outer loop, the y-position is increased, step by step. The inner loop then draws a line by increasing the value for the rectangle’s x-position, step by step, until the entire width is processed. The step size is set by the value of the mouse position and is located in the variables stepX and stepY. It also determines the length and width of the rectangles. I copied this text from the Generative Design book. By the way… if you don’t want to go through all of my descriptions of every program and you would just like to see all Generative Design Variations made until present than follow this link.
All Generative Design Variations

I have to thank the member and moderator GoToLoop of the Processing Forum for helping me out. I had some problems displaying the output of the programs on screen. I did a test this morning and one program took more than one hour to display. That seems to be solved now. I still have to check what went wrong.

My first variation was to increase the size of the display window. For the rest everything is the same as in the original program. I only have put smaller rectangles on top with a brightness of 50%. In that way I have created bright lines.
P_1_1_1_01_GDV_01

This is the original program changed into a kind of random paint version. It actually generates random hue colors in the range of 0 – 800. And it generates random saturation in the range of 0 – 100.
P_1_1_1_01_GDV_04

Removed the rectangles and used lines to create cross-like figures. Also used the map function to increase (or decrease) the weight of the strokes.
P_1_1_1_01_GDV_18

Shortened one line of the cross to get a kind of y-shape.
P_1_1_1_01_GDV_19

Made the cross lines even. But now they touch each other nearly.
P_1_1_1_01_GDV_20

Lines are now positioned all in the same direction. Only the bottom lines make use of the color spectrum. On top of every colored line a black line is positioned.
P_1_1_1_01_GDV_21

The same lines as in the previous sketch. Changed the stroke-cap from round to square.
P_1_1_1_01_GDV_22

Some weird things happen here. There is repetition in the code on two locations but it seems to make a difference for the pattern. So I left it in. In return it gives a quite odd pattern.
P_1_1_1_01_GDV_23

A very simple version. Using only rectangles. But it makes nice variations though.
P_1_1_1_01_GDV_24

Lines which are running from bottom left to top right. And lines that are running from top left to bottom right. If you are to close to the left side of the display screen you get an IllegalArgumentException: negative width (in Processing). JavaScript seems not to worry too much about it.
P_1_1_1_01_GDV_26

Something odd. In JavaScript the top point of all stars is round. That is not the case when you run it in Processing. So I have set the strokeJoin setting to round. If you move the cursor very close to the left side or top of the display window you get interesting gradient patterns. If everything goes well it will not crash.
P_1_1_1_01_GDV_27

This is  a variation of the previous sketch with a repetition of the same star object. It has the same error in JavaScript as the previous sketch. The top point of every star is round. The rest is not. Used strokeJoin to make all points round.
P_1_1_1_01_GDV_28

This variation creates a grid of multiple hexagons or patagonians.
P_1_1_1_01_GDV_29

In this cube version I see now that JavaScript did something weird. The top left corner of each cube is rounded. So I decided to round them all.
P_1_1_1_01_GDV_30

A moon shaped object in a colored spectrum grid.
P_1_1_1_01_GDV_31

A grid with squares. Within those squares are circles and within these circles there are triangles. And again the triangle has a top point which is round (in JavaScript). This is not the case when you run the sketch in Processing. Adjusted the program to generate only rounded corners.
P_1_1_1_01_GDV_32

A composition of rectangles. Needed to switch on stroke-cap to avoid nasty artifacts in the image.
P_1_1_1_01_GDV_33

To avoid problems with the displaying in JavaScript of triangles I used an agriculture powder symbol with rounded corners for this variation. The top of this triangle is pointing down. Used the same symbol twice but rotated it 180 degrees and centered it in the middle. And that finishes my variations on the color spectrum in a grid. Well in fact I had 34 variations but I only show you these because they are the most interesting ones.
P_1_1_1_01_GDV_34

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