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.
up key
/ spacebar
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
(from an earlier implementation of the game)
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.
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