Project 1

By Joanna Ko

Final Sketches

Link: https://editor.p5js.org/koj097/sketches/lISMSb1_0

Link: https://editor.p5js.org/koj097/sketches/uxJIhPxDC

Link: https://editor.p5js.org/koj097/sketches/ytB7M96XR

Prototype

Link: https://editor.p5js.org/koj097/sketches/KnoW21Uqx

So I was initally confused by the deliverables of the assignment. I thought we were submitting ONE sketch which was going to have a draft, that features 3 words instead of 3 prototypes. As a result I ended up with one semi-finished interactive typography

Link: https://editor.p5js.org/koj097/sketches/DWRzoAPGt

Process

I didn't encounter that much problems. I preferred reading the tutorials instead of watching, especially when Advanced CC is incredibly text-based. The only problem I have was this one, the disappearing letter at the end of "nihilo", there is no "o". The original phrase being "creatio ex nihilo", meaning "creation out of nothing", but the amount of characters in "nihilo" matched the "creatio" character count? I don't understand why that is, but I had to add an "n" at the end of the first word, just so the "o" can show up at the end of the third word.

Link: https://editor.p5js.org/koj097/sketches/DWRzoAPGt

Although I didn't make more than one prototype, I thought about experimenting, within class partnered up, with the vertices and beginShape() and endShape(). I did think about changing gear, but the only change I decided was for the font (alongside some other tweeks).

Link: https://editor.p5js.org/koj097/sketches/SdC07A1yn

Thanks to the professor, the sketch got more improved. You can actually see the word creation, and when you click on the screen, it allows the words to morph. I decided to add more things like experimenting with the color, changing the font, and fix the sample and keyPressed function.

The sample factor was fixed by changing its numerical value, depending on what kind of font it was.

In the end I used the same phrase, with different fonts and colors. "W1 FINAL" being yellow with the hotamie font. "W1 FINAL 2" being blue with the foundation one font. And "W1 FINAL 3" being green with the vonique font.