Project 7 Bitmap Game
Check my code HERE
Instruction: Use direction key to move and use "s" key to shoot the ball.
Story
I was born in China, a country with a large population base. But it is such a big population country that China's football level has been poor for so many years. Nowadays, some Chinese people are mocking the national football level because every time they put hope on the national team, every time they will get upset about the result. I am a soccer fan and I wish one day a Chinese player can stand on the stage of the Champions League, score, and win the trophy. It's an extremely difficult thing, but we can't give up hope. The game I make is a simple football game; the protagonist gets the opportunity to stand on the stage of the Champions League Final, hoping to win glory for his club and country.
Design Process
1: The first thing that I created was simulating the animation between attackers and defenders in the soccer game. For the attacker, I only added the protagonist, and I put several defenders running towards the protagonist. The game player should press the directional button on the keyboard to move the protagonist and avoid colliding with defenders.
2: Then I was trying to make the shooting operation. In order to add some randomness into the game, I made the shooting function perform differently each time within a range. So even when you beat all the defenders and face one on one with the goalkeeper, it's not that easy for you to score a goal. During the making process, I spent a lot of time triggering the shooting operation and you could see I make a demo for this scene. (Press "s" on the keyboard to shoot the ball.)
3:I also made the goalkeeper move along with the protagonist. So the goalkeeper would always face the player and increased the difficulty of scoring a goal.
Game Demo
Winning demo
Losing demo
Reflection
I think this assignment is so great that I can have more time to accomplish the composition. At the very start, I was concerned about how could I make a game out of p5js. After I saw many other people's examples and Xin Xin's also Lan's super-helpful tutorials and live coding section, I got much inspiration and began to face the assignment calmly. And then I came up with an idea that making a soccer game since I loved watching soccers games and also playing FIFA. I was glad about the outcome of my design. I liked the old school feeling that bitmap brought. In terms of how to improve this game, I think the next step for me is to make the defenders more related or interactive with the protagonist. Right now defenders are just running in one direction.