Link to Info
Link to writing
Link to News
Link to portfolio
Link to info
Link to Network
Link to Shop
Link to Stichting TimeCode

Generative Design Variations

In this project I will try to make as much as possible variations on the programs presented in the Generative Design book by Hartmut Bohnacker, Benedikt Gross, Julia Laub and Claudius Lazzeroni.
Generative Design Book

I do not know if I will be successful because the images and the original programs in the book are already on a very high level. I will just try to change as much as I am able to. This does not mean that my changes will lead to an improvement of the original code and images. My goal is to extend my basic knowledge of programming.

Description Generative Design Variations

P_1_0

Hello, color

The horizontal position of the mouse controls the size of the color field. Starting in the center, the colored area is depicted with a height and width of 1 to 800 pixels. The vertical mouse position controls the hue. The background passes through the color spectrum from 0 to 360, while the color field passes through the spectrum in the opposite direction, from 360 to 0.
MyCodeHistory















P_1_1_1

Color spectrum in a grid

The grid is created by 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.
MyCodeHistory

Next page

 

Link to GDV_01.png Link to GDV_02.png Link to GDV_03.png Link to GDV_04.png Link to GDV_05.png
Link to GDV_06.png Link to GDV_07.png Link to GDV_09.png Link to GDV_10.png Link to GDV_12.png
Link to GDV_13.png Link to GDV_15.png Link to GDV_17.png Link to GDV_21.png Link to GDV_22.png
Link to GDV_23.png Link to GDV_24.png Link to GDV_25.png Link to GDV_26.png Link to GDV_27.png
Link to GDV_28.png Link to GDV_29.png Link to GDV_30.png Link to GDV_31.png Link to GDV_32.png
Link to GDV_01.png Link to GDV_04.png Link to GDV_18.png Link to GDV_19.png Link to GDV_20.png
Link to GDV_21.png Link to GDV_22.png Link to GDV_23.png Link to GDV_24.png Link to GDV_26.png
Link to GDV_27.png Link to GDV_28.png Link to GDV_29.png Link to GDV_30.png Link to GDV_31.png
Link to GDV_32.png Link to GDV_33.png Link to GDV_34.png