01 Project

Website-based Game Mobile Responsive Highscores

This project involves working in team to create a web-based game using HTML, JavaScript, and CSS. As well as, designing and developping a social media promotional assets for the game launch. The game should captivate users with interactive gameplay and visually appealing design elements providing an enjoyable gaming experience.

Rat-Mart Game is a single-player game where players navigate a grocery store overrun by rats. As a shopping cart, your objective is to accumulate as many points as possible by collecting food items while skillfully avoiding collisions with shelves, carts and rats. Each encounter with a rat deducts points from your score, and crashing into a shelf or cart brings the game to an end. The challenge intensifies as the number of rats increases, making each run through the market more thrilling.

02 Challenges

The first challenge of the project is to create a basic yet engaging game concept that is visually appealing. We had to understand the game system and learn how to intergrate our game logic into the system. Making sure the game function and assets works on different devices while ensuring the game responsiveness. Additionally, we had to create mutiple social media promotional assets for the game launch. Finally, implement a database to store the players highscores.

I was in charge of coding the game logic and intergrating assets into the game system. My main challenge was to write efficient code using HTML, JavaScript, and CSS with thorough bug testing and debugging to ensure the game functioned as intended.

03 Process
& Solution

We began by brainstorming and researching basic game concepts, mechanics, and objectives to set a clear direction for the project. Next, we developed prototypes to visualize the game’s layout, user interface, and interactions before moving on to full-scale development.

Given that it was a team effort, tasks were divided into designing the game’s graphics, coding the game system, and creating promotional assets. Although each person had a primary responsibility, we collaborated by providing feedback and assisting with various aspects of each task simultaneously. This allowed us to work more efficiently and effectively as a team.

Assets

Fonts

Colors

Versions The game development involes building the game through various versions.The first version includes basic gameplay, then, with each new version, more features & assets were added such as the foods, the rats, and implementing challenges like collisions.

04 Results

The game is now responsive and accessible.

PLAY