
How Do You? Spell l-o-v-e! is a self-illustrated flipbook of a broken heart being mended. The illustration style is inspired by Keith Haring. This is a grad school mid-term project created in the University of Miami Interactive Media "Creative Coding" class using p5.js.
The opening frame of the flipbook is an illustration of a broken heart, posing the question CAN YOU MEND THIS BROKEN HEART?. The story progresses through the seven buttons at the bottom of the frame which have a yellow coded quadrangle behind them. The first row of three buttons and the first two buttons of the second row develop the storyline of the broken heart to a whole heart.
The last button on the second row is a For Loop of a heart image. And the last button on the third row indirectly tells the user to type love. The keyPressed function of letters “l” “o” “v” “e” each display an illustration with the coordinating letter. The keyPressed function of the rest of the keys changes the background color. And the keyReleased function brings the background back to the original background color.
Additionally, throughout the process the mousePressed function changes the background to yellow and the mouseReleased function back to the original background color. Also, through the process, a MouseX MouseY ellipse changes color when it passes the middle width/2 axis.
Functions and Points of Interaction: Array; For Loop; 7 Buttons; Mouse X Mouse Y; mousePressed; mouseReleased; keyPressed l, o, v, e, and then the rest of the keys; keyReleased