The “Hopeful Day” Project

This past year, a lot has changed due to Covid-19. The “Hopeful Day” project was created with lockdowns and quarantine in mind. The series of small programs I created can help people de-stress and relieve boredom. Because we cannot attend a yoga class or visit a museum during a lockdown, I created interactive sketches which allow the user to do yoga with another (cartoon) human, as well as browse the paintings of an art exhibition. With the future being so uncertain, I created the “Hopeful Thinking” sketch which allows the user to hide their stress stemming from different times of the day. Finally, I created the “Hopeful Sky” sketch because of the saying “after every storm is a rainbow,” to refer to a better tomorrow and encourage everyone to stay hopeful.

Overall, I’m glad that the project was able to convey my central message. However, being very new to coding, I encountered a lot of different issues. Some being as small as forgetting a “)” and some that couldn’t be solved even after 100+ trial and error tests. For these, I had to be mindful of the deadline and substitute certain elements with an easier solution. Because of this, I couldn’t explore more ways to use poseNet and interact using more parts of the body. I was surprised to find that coding for different body parts/actions was very different. I discovered that there’s no “right” way to do things, and the best way to learn is by things trying out.

Sketch 1: “Hopeful Thinking” 

hopeful-thinking-static-image

Present link: https://preview.p5js.org/kxu/present/sLAb_x32a

Edit link: https://editor.p5js.org/kxu/sketches/sLAb_x32a

Video: 

vid-pic-1

VIDEO LINK

Description:

This interaction titled: “Hopeful Thinking” is a sketch that allows users to hide their stress away no matter what time of the day the anxiety comes to attack you. Users can move the word “stress” around using their nose and the text will slowly fade to the colour corresponding to the background until it’s completely hidden. It utilizes the coordinates of the nose as a fun little way to move things around on the screen. This study demonstrates the use of interaction and machine learning in creating satisfaction and solving small problems.

Sketch 2: “Hopeful Dreams” 

hopeful-dream-static-image

Present link: https://preview.p5js.org/kxu/present/4Ug1iGdvR

Edit Link: https://editor.p5js.org/kxu/sketches/4Ug1iGdvR

Video: 

vid-pic-2

VIDEO LINK

Description:

This sketch, “Hopeful Dreams” allows users to visit an art exhibition and interact with the display through their computer. The interaction takes the audience through a series of peaceful paintings titled “Blue Dream” while playing music in the background. It is a new way of showcasing one’s works or portfolio. Other than help convey the overall message of my project, I conducted this project to study how to display artwork/portfolio in a more interesting manner. Perhaps we can utilize this interactive technology to make a better first impression when submitting portfolios or resumes.

Sketch 3: “Hopeful Spirit” 

hopeful-spirit-static-image

Present link: https://preview.p5js.org/kxu/present/_R1-IXLHP

Edit link: https://editor.p5js.org/kxu/sketches/_R1-IXLHP

Video:

vid-pic-3

VIDEO LINK

Description:

Part 3 of this series of sketches is called: “Hopeful Spirit” and allows the audience to de-stress by doing yoga alongside another being. When users bring their hands above their head and hold it, the figure in the sketch will also do the same. This allows the user to develop the sense of exercising with other people at a time when going to the gym or a class may be unsafe. Although this example is very simple right now, my intention is to expand this to other activities like walking in which the user can exercise alongside other “people” as well so that everyone can interactively exercise in their homes.

Sketch 4: “Hopeful Sky” 

hopeful-sky-static-image

Present link: https://preview.p5js.org/kxu/present/xkBGNHyDv

Edit link: https://editor.p5js.org/kxu/sketches/xkBGNHyDv

Video:

vid-pic-4

VIDEO LINK

Description:

The last part of my study is a small interactive piece where the weather changes when the user brings their hands together. I wanted to conclude the study in a hopeful way to encourage everyone to look forward to the future. Because this piece was the first one I did (and my first ever coding experience), it has gone through 4 days of coding frustration, getting stuck on hundreds of error messages, and many transformations before it became a finished product. Although it is far from my original intentions, I’ve learned so much from testing out various theories and mapping out possible solutions.