Assignment 4: quotify

CONCEPT

For this assignment, I decided to go with the generative text theme. I chose a random quote generator “quotify” as a concept. I love quotes and the idea came to me from a mobile app I have (Motivation) that generates a random quote daily on my lockscreen, which makes my day. I found the csv. file in Github (link in references). As for the aesthetics, they are pretty simple as I used an aura background and a typewriter effect (following this Github  example). The concept is basically a random quote from the csv. file pops up because of this line: typeWriter(random(quotes), 0, 50, 190, 50)with a typewriter effect. Each time you click you get a new random quote.

INSTRUCTIONS:

• CLICK ON THE SCREEN FOR A NEW QUOTE.
• CLICK ON KEY “W” (W FOR WIN!) TO SAVE A QUOTE YOU LIKE AS A PNG IMAGE 🙂

SKETCH:

CODE I LIKE:

function typeWriter(f, n, x, y, s) {
  if (n < f.length) {
    background(bg);
    textSize(25);
    text(f.substring(0, n + 1) + "_", x, y, 400, 250);
    n++;
    //delay the next character's appearance by s milliseconds
    setTimeout(function () {
      typeWriter(f, n, x, y, s);
    }, s);
  } else {
    printing = false;
  }

I like this part because it is new and I have never used effects for my text in any previous assignment. Since the assignment is about text, I needed a cool element to go with my text, which is this effect this case. I find it cool because it is similar to the typewriter machine used in the past: it types letter by letter.

IDEAS AND REFLECTIONS:

This assignment was pretty straightforward and enjoyable. I loved the brainstorming part where I got to search for the csv. file and finally use one to generate a piece. Though I find this piece lacking the “wow” or unexpected element/design, it is still a minimalistic piece with its own aesthetic. If I could do something different, I would have opted for a data visualization concept because my STEM self loves working with data, but I will save it for another time.

csv. file source