Groovy Getaway Game

Assignment

Create a canvas web game

Tools Used

Photoshop. Illustrator & VS Code

Year

2023

For our project, we were tasked with creating a canvas web game. We created a Game System that was designed to detail how the game mechanics and user interactions would function. We were also required to prepare a Brand Kit and a Social Media Kit to support promotional efforts. For the production phase, we developed the final game, ensuring it was polished and functional. To complement the game, we also built a game website to promote and host the game, completing the full project.

A significant challenge that was presented during the coding of the game was that the car icon was not limited by any boundaries, it would wander offscreen.

The solution was that in the Javascript code, the car movements were defined within the screen’s boundaries (both horizontally and vertically) based on the values of vX (horizontal speed) and vY (vertical speed). If the car reaches the edge of the screen, it bounces back in the opposite direction, ensuring it doesn’t move off-screen.