Developments of getting nice shapes of the fonts. This time with screenshots of the code. Even though I have played around with so many different specifications I didn't always take screenshots with the image and the different variables. I did note down what numPoints and maxDistance works with which font size. (Font, numPoints, maxDistance). 100, 250, 55; 200, 300, 75; 300, 300, 75; 300, 100, 250. With some letters I had to adjust the variables again as like the N or S is bigger than a lower case a or e it had to increase slightly the numPoints and with it sometimes the maxDistance. This is also includes i or l where I had to decrease it slightly.
With the number I was looking into if I should gather the context of when and where through the code as well but through further development and exploring it looked cleaner with just the title as the main focus point generated through the code.
In the next image I was looking again into creating the full text in Processing but found the same result again. Also since the different sizes of each word I would have to scale them either up or down and would look very uneven. Through the single type I can easily increase and decrease the font size, but most important can keep it consistently with one font size. Also putting into Photoshop I can looking into kerning and leading which Processing can't do.
Just another colour example for the line colour. Changing the colour of the circles around can be quite confusing as you create one colourMode(); and the actual colour which changes when you mouse click to generate another set of circles and lines from the font.
This could become an interface for a website. Using the random() function to create different stroke weights for the shape.
No comments:
Post a Comment