- Project Title: Pattern
- Link to my project
https://editor.p5js.org/sf3972/sketches/4qYC0iOlH
https://editor.p5js.org/sf3972/sketches/Kn7YYgUyY
https://editor.p5js.org/sf3972/sketches/LSeYUeAPm
https://editor.p5js.org/sf3972/sketches/I7M2kohIT
https://editor.p5js.org/sf3972/sketches/GZUcvyLDz
https://editor.p5js.org/sf3972/sketches/Guj1rWUOk
https://editor.p5js.org/sf3972/sketches/yhEASMJ8R
https://editor.p5js.org/sf3972/sketches/WAb8tVV2-
https://editor.p5js.org/sf3972/sketches/OhZq-37Lq
- Brief Description and Concept:
For this Pattern project, I created different patterns with the three primary colors and basic shapes. The repetition and combination of the shapes made by coding are intriguing to look at.
- Demo/Visual Documentation:
- Coding:
When I was coding the 5th pattern, I was very confused that why there was an extra dot that was different from others in the smallest circle, and I didn’t know how to just create one single circle made up of dots. So I turned to Marcela for help on Slack and she suggested that I could command parts of my code to check where went wrong. And Marcela also pointed out that the problem was with the stroke weight and overlapping with my other loops. I adjusted multiple times, got the pattern that I wanted, and learned deeper about how Angle and Sin/Cos work when combined together.
- Reflection/Lessons Learned
How is drawing by hand from observation different from programming the computer to draw for you? Can you think of some commonalities as well?
I actually drew a draft by hand on my iPad before I got down to coding. What drawing by hand and coding do have in common is that they need you to come up with a universal style, including shapes, patterns, and colors, before starting, which would increase your productivity in the process for sure. While the difference is that for programming the computer to draw for me, I do need more algorithms. Instead of drawing while thinking, I found that doing the math first is very helpful for coding. And the outcome is more precise and patterned than hand-drawing as well.
What properties have you manipulated in the repetition? Describe your observations and visual outcomes during the process.
I manipulated the angle of different shapes, the proportion and gradience of the three main colors that I used, and the thickness of different patterns. I observed that it is significant for patterns to be complementary with one another so that there’s a conversation going on in between. With some patterns more repetitive and some more centered, they go along with each other very well and look comfortable visually.
What makes a good generative pattern?
The number of colors shouldn’t be too many so that the pattern would be pleasing to look at. In addition, there should be certain repetition in the pattern, which accomplishes the uniformity of a pattern. And it should be duplicable so that others may find it inspiring and generate other patterns.