I developed my project by first trying to make a heart, using the method of ABC DEF points. Once I got a heart I liked, I wanted to do something fun with it and thought of making an arrow through the heart. For the arrow, I used the line() command made certain parts darker to convey depth. I put a greater opacity on the outline of the heart which I like the effect of. Then, I added words. I was interested in making the image move, but I wasn’t able to figure out how after trying things that were done in the demo.
I think it’s interesting to compare my work to the 10,000 bowls of oatmeal problem because I am beginning to understand it better. I feel that my project has the oatmeal problem because all of the names are the same and it is a still image. I think that in the future, I will definitely try to make it interactive or at least moving, because I feel like that helps with the oatmeal problem. I would also like to add more color.
The card generation was split up into three parts: the background, text, and little bear. For the background I used two separate functions to create the hearts and stars and randomly selected them and located them to create “sprinkles.” The compliment in the text was randomly chosen from an array. The little bear’s colors change according to it’s background and has varying eye, head, ad ear sizes as well as a changing height.
“10,000 Bowls of Oatmeal”
The project has a lot of variation when it comes to the color changes and decoration of the background. I see the “10,000 bowls of oatmeal” problem, however, emerging through the tiny variations in the bears. Although they technically had several aspects that ideally would create a lot of variation between them , some of the changes in eye size, for example, were not different enough to be noticeable. If I were to continue on this project, I would create more variation with the bears and possibly create more animals.
Generative Valentines [link]
I first started by creating a Bezier heart. Then, I made various transformed copies of it that were all colored based off of a randomly generated color background. Then, I added bordered Comic Sans text with two generative variables, following the format “Have a(n) [adjective] [synonym for Valentine’s Day] Day,” that would produce a different result every time the Valentine’s Day card generator cycled through the 12 names in my generator.
I originally had the generator randomly choose from a list of my classmates; however, I realized that it made it harder for the generator to consistently produce a result for every classmate. Instead, I changed the algorithm to cycle through the names in a predetermined order, ending the loop after one Valentine was generated for each classmate.
I also modified the code used to save JPGs of the Valentines so that it would name each card “Valentine_[classmate’s name]” rather than “valentine_[number]” to make accessing the downloaded files easier.
10,000 Bowls of Oatmeal Problem
I feel like I am starting to achieve some of the Oatmeal Problem, as I think that the varying colors + generative text gives my cards some degree of uniqueness, however, their overall composition is static, which is an aspect that makes them less interesting from each other.
I struggled a lot with this assignment. I just couldn’t settle on a design that I could pull off within the time constraints. The above iteration maps each name to a specific message while the heart in the background moves in a circle while the below valentines completely randomize the color of the heart and text as well as the arrangement of names and messages.
So even though it wasn’t required for us to do something animated, I knew from the beginning that I wanted to try it out. I really liked the idea of making a beating heart, but with how complex my heart was, it was really a challenge. I probably spent way more time than I should’ve to make the pulsing function and it still wasn’t quite there, so I asked Connie for some assistance and she showed me a wayyy more efficient way of doing it. She also helped me with figuring out how to make the individual hearts beat within my for-loops instead of all of them beating in one unit. I was originally going to leave all of the text static, but I thought it would be more eye-catching for the “Happy Valentines Day” to pop. To do this, I added the same scaling factor I used for the hearts onto textSize(). I also randomly generated a unique shade of pink for each card (using hex values) and a randomly generated name from an array.
In examining my project in regards to the “10,000 Bowls of Oatmeal Problem,” I think I definitely could’ve done more to make each card more unique. I did spend most of my time figuring out the functionality behind my card, and I think I may have neglected some of the design aspects, mainly in making each one really different from one another. Other than the background color changing to a different shade of pink and the name, there wasn’t a whole lot of change from card to card. Originally I wanted to stay within the valentines day color range, but looking back now, I think it would’ve been more fun to use colors from out of this range as well. Then, I could’ve had more options to make each one really differentiated. I did want to stick with the more simplistic message so the hearts would really pop, so in that area, I think it was okay that it didn’t change.
I first developed my project by playing around with the basic shapes and colors to explore a spectrum of possibilities. It was a difficult and confusing process to make the heart. I don’t remember the amount of times I restarted certain codes because I always got confused of my order. But once the heart was done, it was definitely easier to make different patterns and shapes surrounding and within the heart. Also by using the digital color maker, it made the process really fun for me because I enjoy experimenting with different tones and colors. I also had a really fun time incorporating text and fonts into the card.
10,000 Bowls of Oatmeal:
As for Kate Compton’s “10,000 Bowls of Oatmeal,” my eyes have been opened to the much bigger reality of infinite possibilities. Whether it’s for oats in different positions or a random name generator, the uniqueness of every possibility can affect one’s emotion and environment. But Compton’s blog post also widened my eyes to how a random generator can also be considered “destiny or fate.”
Below are some valentines I made and sent for this assignment. You can find the code here.
In my valentine code, I generated a pattern of hearts from the original one I made. For this, I had to copy and paste my function rather than creating a new one. I’m still a little unsure how I did this, but it worked and all it took was two buttons. The generative aspect is the color. I had to look up how to create a function that would change the red, green, and blue values at random. I incorporated this into the background and also the heart fill command. Each frame, at a frame rate of 2, produces a different background color and heart color in reference to each other.
I really wanted to create a color palette and make all of my hearts, the text, and the background generate different pinks, reds, and purples each time. This was definitely one of the most ambitious parts of the process because my first few attempts made it clear that repeating colors (especially a heart against the same color background) were really ugly. So, I had to create a code that would dump a color from the array every time it was used (picking out the colors for the array was a blast, by the way). That way, as it generated the fill of each shape, it would only use an unused color from the palette!!! This was super fun, and learning what each little thing meant (like i < # and i++) blew my mind.
I also really wanted to create a static image each time I pressed play rather than have it cycle new random things super quickly, which I needed to learn about and implement global variables to do.
As for the “10,000 Bowls of Oatmeal Problem,” I think I really understand the “boring” part now because though I find my color combinations to be super fun each time, the text is really repetitive and makes each output feel a little less special. If I had more time and wanted to make this a full blown generative project, I would definitely put way more phrases into my array to make each output feel unique and important, because though the colors may have been fun and different every time, the eye goes to the words and the words did not hold my attention long.
My sketch: https://editor.p5js.org/SayTheYoung/sketches/7IOEFKjC-
I decided to split the project into three different sections: Heart, Background, and Text.
1. Heart: I used the same code I used for the Basic Shapes assignment and filled it in with a random array of colors.
2. Spots: I also randomized the location and color of the spots. It has a frame rate of 10.
3. Text: I searched for short, sweet quotes online and used them to replace an array of words. This would randomize which quotes appear when you run it. I found the random function text online.
Color: I used this website to color pick from an image I found on Pinterest.
10,000 Bowls of Oatmeal:
I didn’t necessarily solve the 10,000 bowls of oatmeal problem, but I do think the random text function from an array really helped me improve it. It’s the same feeling you get when opening a fortune cookie. Although the user knows that it is somehow randomly generated, a meaningful text somehow feels “meant-to-be” and specialized only towards the one that actually received it. Therefore, meaningful text, even though it is randomly generated, helps in the 10,000 bowls of oatmeal problem.