Design and implementation of an action-packed runner game for Android
UI Design
UI Design Process
Initial sketches of the UI.
Wireframe of the UI interface, created in Figma.
Icons created in Adobe Illustrator for the UI.
The Brief
After living a cushy and comfortable life for so long, certain obstacles have come to get in your way! In Cat-astrophe!, you play as a cat who runs through different levels, avoiding any obstacles in your path, and get to that sweet, sweet bowl of fish at the end. You’ve earned it!
The main objectives of this mobile game project are as follows:
Engaging Level Design: Create a series of visually appealing and creatively designed levels, each filled with unique obstacles and challenges. The levels should progressively increase in difficulty, keeping players entertained and motivated to advance.
Obstacle Variety: Introduce a variety of obstacles, such as rolling balls of yarn, stacks of books, toy mice, and playful dogs. Diversifying the obstacles will keep the gameplay fresh and enjoyable.
Adorable Art and Animation: Emphasize the cute and stylized art style with charming animations for the cat, obstacles, and fish treats. The endearing visuals will enhance the game's appeal to players of all ages.
The Process
Cat-astrophe! was creatied using Unity engine. 3D models were produced, created to fit the stylised and cutesy art style. Moreover, a user-friendly and visually appealing UI was created, enhancing the overall player experience.
The meshes were kept low poly in order to keep the game as performant as possible. The highest poly model in the game is the main character cat model, with 2,050 triangles.
The level complete UI is designed to be as simplistic and player intuitive as possible. Paw icons are used in place of a "star" system to rank the player on how well they did in the level. The faster the player completes the level, the higher the amount of paws awarded at the end.
The two main obstacles in the game are the hoover and the fan. The hoover moves across the screen horizontally, from side to side. The fan spins about its central pivot. The nature of these two obstacles ensures that the player must time their movements correctly in order to reach the fish bowl at the end of the level.
A handwritten typeface called Mat Saleh was chosen for the logo to create a friendly and calm feeling. The paw icon at the end of the level is also incorporated into the main logo of the game, for added continuity of the game's theme.