Please use this link to access my sketch: https://editor.p5js.org/XintongTan/sketches/fTu953qOZ
Snapshots from the game
510000 is the zip code of the place I lived when I was a teenager, where carries my tears and happiness in the young age. It sounds stupid for me now, but dating was an important part of my life. I need to admit the mistakes and uncareful decisions I made to be able to grow up, so I make this game for myself to tell the story. The story is made up with three parts. The first part is about my dating experiences from which I encountered many disrespectful behaviors partner did, and I was okay with some of them during that time (obviously not okay now). The second part shows how I want to change my appearances to appeal others, but I understand that I should embrace all parts of me today. The last part is "smile to win" which represents that I have realized the only person I should appeal is myself.
Storyboard during design process
People images drawn for part one
Clothes drawn for part two
After storyboarding the scenes of my game, I lay them out in p5 sketch. The next stage is to build the white-box version. I need to be very organized, and writing notes for each scenes helped. I wrote the switch function first, and then added elements for each part later on. I also create a few duplicated sketches to test different scenes. The last step is to load images I drew and add them in my sketch.
I think there are two big challenges in the process. The first is to figure where should I put the random() function between classes, draw, and setup. I struggled for a while to figure out only putting random() in setup can let it generate once instead of constantly generating. The second challenge is changing scenes. I watched many youtube tutorials to figure out the logic flow of my changing scenes. After all, I think watching lots of tutorials and also being very organized while writing code help me finish this bitmap game I thought I would not be able to finish.