Week 12 - Checkpoint 5 - Polish and UI

Hi everyone, welcome back to my game Cooking Academy. In this DevLog, I will summarise the development of my game User Interface and Polish.

I want to walk you through all the scenes in my game.  There are Main Menu Scene, Tutorial Scene, Level Selection Scene and six game scenes. For each scene, I have made an user interface as listed below.

For the main menu scene, I have added a menu button with 3 button to guide players to the correct scene that they need to visit. At the first design, I have made the buttons sequence to be Start, Tutorial and Quit. However, when I test the game with my classmates and my housemates, I realised that many people just skip the tutorial and get straight to the game level selection scene and play the game. Therefore, they do not know what button to click, how to play with the game puzzles and how to escape the game. In this updated version, I have made the new sequence so that the Tutorial will be on top of the menu, and I have also changed the text colour to orange and the background colour to be blurry white to increase the contrast of the button so that player will have more focus on the button. After changing the menu, I have tested the game again with my classmate and everyone has run through the tutorial before entering the game this time. Please have a look on my game or visit the video attached above to experience the menu 😊

In addition to the main menu, I have also implemented the level selection scene user interface. In this scene, I have made six buttons indicating the selection of each level and a button to go back. To make the back button easy to navigate, I have made the background button to be solid white while other buttons are blurry white. In addition, to enter a selected level, player need to achieve a set amount of points. Therefore, I have made a note in high contrast colour so that players can see the amount of points they need to have before entering the level. In addition, I also disable the level buttons if players have not achieved enough points to enter the level. You can have a look on my game or visit the video attached above to experience the menu 😊

In addition to menu and the level selection scene, I have also added six different game levels. For each level, I have added an introduction scene so that players can see the food recipes that they need to cook and remember it before they get into the game (as they cannot have the access to this page anymore in the game). I have made this so that players can trigger the memory for the recipe faster. For each game level, I also made the pause menu which can be accessed by the ESC key so that players can easily access it when playing the game (I did not make the clickable button because player will use the keyboard mostly throughout the game so that using the button will cause them more time and confusion to switch from keyboard to mouse).

Thank you so much for visiting my game and I wish you a great weekend!