Thursday, September 19, 2013

Design by Programming

Processing is a script language with which it is relatively easy to generate colors, shapes and interactivity.

For a start I created shapes like rectangles, ellipses and triangles to design an abstract landscape. I took a sheet of quad-ruled paper and looked for the coordinates I needed to place the shapes on the screen. The colors I find with the help of a color selector, that is provided by the processing interface.

Now I had all the information I needed to create my first Processing sketch.

Here I imagine a landscape with a planet (moon, sun) and a triangle which moves through the landscape.

Landscape - created shape by shape

The next step in sketching with Processing was to let a shape be drawn by the program within a loop. I also added randomness for the colors and for the coordinates of the shapes.

My intention was to contrast splintering (triangles) with entirety (circles). This can be a symbol for, for example, an immigrant family contrasted to a native family.

Round versus Triangular 1 - randomly generated   Round versus Triangular 2 - randomly generated

Round versus Triangular 3 - randomly generated

  Round versus Triangular 4 - randomly generated

The last step with my first experience with Processing was interactivity and by that generative design.

The interactive part of my script provides the possibility to drag the mouse button over the screen and this way to display thin bars.

The stroke and the fill color of the bar is chosen according to the position on the screen. You also can clear the screen with any key and by that generate a new background color, again depending on the mouse position.

This way you can partly control the process, but because of the complexity of the procedure most people may try to generate a stripe design by "playing around". Look the following examples,

I intended to give the possibility to create playfully ones own space, but you can also use it to design a nice pattern of stripes.

Generatively designed Stripes 5   Generatively designed Stripes 6

Generatively designed Stripes 7

  Generatively designed Stripes 4

and here the genesis of the last example.

Generatively designed Stripes 1   Generatively designed Stripes 2   Generatively designed Stripes 3   Generatively designed Stripes 4

Blogger does not provide the possibility of running Processing within this post, but here is the example I used as a basis for creating my sketch.

This post was inspired by an art online course:

Introduction to Computational Arts   

Wednesday, September 18, 2013

The Discovery

This is about part two of a digital painting. The first part was about finding a painting with atmospheric lighting, switching human heads with animal heads and exploring the colors for my version of the painting.

Rembrand And Me

I got a comment for the first part,
Say, do I see a wicked witch on a broom there? Nice challenging project to learn about Gimp!
and according to this comment I've made slight changes to my basic idea. A huddled figure in the foreground and a witch instead of a housewife in the background.

Rembrandt&Me Witch Try

Naturally I was interested what Todd may say now:

A new challenge and I loved the idea, anyway! Although I was not particularly sure how serious Todd was. I did not mind.

Rembrandt & Me with leguana and cookies.

I again tweeted to Todd:

This time Todd was a bit unpatient, but I was grateful for his statement, which lead me to realize how different people perceive art. I presume Todd finds peace in more traditional paintings, rather than in one that  turns everything topsy-turvy.

                                                                Todd's "Calm in Chaos"

However, I have to find my way and proceeded after Todd's beautiful imagination, and finally I found a close where I thought it is not necessary to do further changes.

The Discovery

The following is the picture with which  all began: