During the past weeks I went through the P.1.2.2 Color palettes from images chapter. The pixels of a loaded image are scanned using the mouse position in a specific grid spacing, one by one and row for row, to define the color value. These values are stored in an array and can be sorted by hue, saturation, brightness, or gray value. The original program is here.
I started with selecting my own 3 images. Could have selected more but I thought it would be more interesting to select 3 because than you could see the different modifications better. You can found them here:
Rotterdam, Iceland, StuwDriel.
I also changed the size of the display window. Went through the program and tried to understand what it was doing and how it was doing it. The first variations were not really variations because I only replaced the images which were already in the original Generative Design code.
The basic things I did for all variations of the program is to put an extra layer on top of the image layer. The program variations display simple shapes like rectangles or ellipses on top. Here I just placed black rectangles on top of the original picture using the original code.
In this variation I placed smaller white rectangles on top of the black rectangles.
Replaced the rectangles by ellipses.
Repositioned the ellipses on top of each other. Used some transparency and put the rectangles on top.
Using only ellipses this ones displays (for me much too interesting) patterns. What I really mean is that they are too complex.
Here is a variation with noFill () and ellipseMode set to (CORNER). Also used some transparency.
Used noFill () and replaced the ellipses with rectangles. The color of the rectangles are now depending on the image which is below.
This sketch is the same as the previous one except the increased strokeWeight.
Here is the strokeWeight connected to the point where your x-mouse is located. The mouse-position far left gives a thin stroke. Far right gives a thick stroke.
I will not comment on all sketches I have made. But there were a few things which I found out and which I did not now when I started with this chapter. I went to the generative design library page and noticed that there were a few more functions which I could use. Check the reference page for this. Beside of hue, saturation, brightness and grayscale there is also a possibility to sort on red, green and blue. Another option is alpha.