Bitmap Game
Guide
Press the direction arrow keys to control the main character. The winning goal is to make the character reach the desitination, which appears as a treasure box.
Game Description
The game contains 4 scenes. Players press the blank space key to start the game. The girl in the right lower corner is the main character that players can control by pressing the arrow key (left, right, up, down). In order to reach the destination in the left upper corner, the character must avoid the collision with the constant moving labels. If the character hit the label, the character will be sent back to the starting point and loses one player life. When all 5 player lives are lost, game is over, but you can always restart the game by pressing the enter key.
The idea of the game is about labeling. I notice that people are often labeled due to their sexuality, geographic origins, races and other personal informations. When I told people I’m from China, they often considered me as someone who are good at math and science (which is not true). I often leave people the impression that I’m quite shy and quiet, but actually I become active and outgoing when I get familiar with someone. Humans are too complex to be labeled into catogories. Labeling is not entirely a bad thing. But when we use too many labels on people, we may ignore the various and complex side of personalities and judge people beforehand unconciously. The character in the game tries to avoid the labels and show herself as an individual who is independent and different from others.
Reflection
Creating game is challenging for it combines what we learned before with new knowledge in p5js such as creating object using “class” and switching scenes. . I encountered with the problem that my function was always undefined. Later I found that creating a new js file to define the function files and putting the link in index.html solves the problem. Since several scenes are needed, organizing the whole process and drawing storyboards help us know where we are before coding the actual game in p5js.