In this second type exercise the Generative Design book says: ‘Composing text with automatic line breaks is nothing new. But when the vertical mouse position is responsible for the leading (the space between lines), and the elapsed time before entering each letter determines its size, then the rhythm of writing begins to interact with the text. When typing, the virtual ‘pen tip’ moves from left to right across the display. When it reaches the right border, it starts again from the beginning and skips a line. Leading is defined by the vertical mouse position. The time between the individual keystrokes is measured. The greater the time interval, the larger the entered letter.’
P_3_1_1_01_GDV_01 | Code | Image
Tried to do something with rotation. Most of the time text is typed on a straight line. But what if this lines rotates? And what if its rotating faster when more letters are added? That seemed a good idea in theory but it was not when brought into practice. What about giving the letters a kind of accent by displaying a rectangle below them. Position it under the displayed letter. In the first version the rectangle was white. That means it overlapped everything of the typed character that was displayed under its baseline. Filled the rectangle with grey. Made a few versions with some entertaining anecdotes.
P_3_1_1_01_GDV_02 | Code | Image
Maybe its a good idea to introduce a sort off debug mode like we had in one of the last exercises. I would like to know what point size each character has. So it’s not a debug mode but it is some extra info about the typed character. If I use fontSize as the main delivery of the info I get floats. So I used round to convert it into int. Made a few versions also with some anecdotes.
P_3_1_1_01_GDV_04 | Code | Image
Showing a blue line indicating the character width. Although this is a bit silly because the character width is the width of the character itself. But it is giving me an interesting image. And that counts too (I think).
P_3_1_1_01_GDV_06 | Code | Image
Trying to connect the point size to a color. Used that color to fill the lower rectangle. Using the width of the character for coloring the upper rectangles. Changed the color mode to HSB because this is easier to understand for humans. For the text again I used some anecdotes.
P_3_1_1_01_GDV_10 | Code | Image