Save The Circles

Save the Circles is a simple mobile game with a simple goal which is to save the circles from disappearing. The game's objective is for the players to click on the 9 circles one at a time in the attempt to make it back to it's original size in only 10 seconds. However, the more you click on the circles, the speed of it to shrink will get faster. The score will be counted from how many times you save the circles.

The game started with 9 circles that would shrink and needs to get back to it's orginal size before it disappears.The idea was inspired from AIM traning for FPS games which focuses its players to not miss a shot and to be more precise at with their perception. Eventhough the idea was not complicated, the making progress is not as easy as it sounds.

Keywords

FPS; First-Person-Shooter

Issues encountered

We are obviously not a coding master that remembers and knows everything about coding. It could take us more than 3 hours to figure out why the restart button is not working. We also encountered some small issues such as figuring out how to return the size of the circles back to normal when the game is restart, adding sound effects, refresh the scores and the timer, changing the font of the text and so on.

Thankfully the lecturers are very open to questions and willing to give us a hand. We had to admit that without there help this project won't be finish on time. Other than that, the internet also provides a lot of great examples and references for us to use and learn, especially the P5.js references list.

Achievements

We were able to get various ideas while working as a group. Among other exercises that we've done before, the most fun and interesting was ‘save the circles’. This is because through the circle that disappears faster and faster, we thought we could give tension and fun to those who would try the game later. We worked together and learned various techniques that we couldn't do before. For example, how to add sound effects when we click, how to reduce the size of the circle faster when we click, etc. We was proud and happy to produce good results by learning together.

The sketch

The following sketch was created using the creative coding environment p5js and is called Save the Circles, Exercise-3-123, its original source can be found here. The sketch is mostly revolve around the star, game on and game over function. Those are the three main faundation of the game. Other than that, the circles, timer, score and button are things that supports the game play.

Feedback we received

During the testing phase, we did ask a few of our friends to play the game and afterward we ask theme how the game is, what do they think about the design, do they understand how to play and interact with the buttons and what are their thoughts about it.

To most people, their feedback was great and satisfied with the game. Most of them said it was fun to play, simple but still challenging. They also said that the design was not bad but it could be improved. However, most of them were confused and didn't understand on

Reflection

Sometimes, there are some moments that no matter how hard we try we can't proceed. We can’t figure out what the problem is even if We search or use Youtube to get information. In that case, being able to get help from a friend seems to be an advantage of working on a project as a group. When one person proceeded first and faced difficulty, the other person solved and proceeded further. When it didn't work despite our efforts, we asked for help from the teacher and learned what the problem was, why it was, and how to solve it and finally created a good result.