The goal of the project was to provide a fun and challenging game that has an appealing retro aesthetic that nostalgic players will enjoy.
The player must navigate an Olympic-themed obstacle course in front of a crowd of fans. During gameplay, the player can choose to jump or double-jump over obstacles, and risks losing a gold coin on each collision.
The target audience is anyone who wants to play a retro-inspired game and is a fan of the Olympics. The game is fun and challenging, and has an appealing retro aesthetic that nostalgic players will enjoy.
This project is deployed and can be accessed at https://lmcrean.github.io/RetrOlympics-Rush/.
Our team addressed the criteria by organising our project into User Stories, then further breaking down with the MoSCoW Prioritisation method.
-
As a player, I need the design on Desktop.
-
As a player, I need the design to be consistent, with a neon Retro 1980’s Olympic theme.
-
As a player, I want to be able to see my score on the screen and have an idea of how I’m doing in the game.
-
As a player, I want to be able to control my character.
-
As a player, I need to an accessible tutorial screen to understand how to play the game.
-
As a player, I need to be able to control the volume.
-
As a player, I want to be able to see animations as my character moves in the environment.
-
As a player, I want to be able to interact with obstacles.
-
As a player, I need to an accessible Game Over page with appropriate features e.g. Restart, See score.
-
As a player, I need to experience an appropriate level of difficulty and challenge.
The features are intended to enhance gameplay, while reinforcing the retro aesthetic. Accessibility was also consider.
During Gameplay, the player can choose to jump or double-jump
Features include a scoreboard and game over screen.
The rules helps the player understand how to play the game.
- jump = ⬆️
up key/spacebar - double jump = ⬇️
down key
(from an earlier implementation of the game)
The player can use the spacebar to jump. The player can use the mouse to click on the screen to jump.
(from an earlier implementation of the game)
The player can use the down arrow key to double jump. This makes the game more challenging and fun.
The scoreboard is tracked in the top-left corner, it updates as the player advances through the assault course and is displayed as a final score in the "game over screen".
There is retro themed background music during gameplay. An 8 bit version was selected of The French National Anthem was used it fits in with the retro theme and is a nod to the 2024 Paris Olympics.
There are sound effects for
- collisions
- jumping
- clicking on a button
- game over
(from an earlier implementation of the game)
- Simple sidescroller games such as Flappy Bird and Chrome Dino were researched as they had well resourced tutorials
Kaboom.js was used as our primary framework the team adapted various templates
To begin with we used a template from the Kaboom.js website to get started and adapted the code to suit our needs.
- Kaboom.js Provided the library of functions for the game
- Kaboom Playground Kaboom had a library of code playgrounds that were particularly useful for quick testing of the framework functions
8-bit French National Anthem. by KSO 8-bit anthems on YouTube
Open sources graphics were used from these websites:
Alena: Design, sourcing media, Obstacle Logic
Berat: Lives remaining feature, sourcing National Anthem
Chinonso: Buttons, menu logic, game over screen
Gennadiy: Jumping logic, technical support
Hilla: Javascript lead, SFX logic, game over screen
Tina: Mute/unmute button
Laurie: Scrum Master
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent