A JavaScript arcade game where the player must survive against endless waves of goblins in a single attempt.
An arcade game where player have to survive increasing waves of goblins in one attempt.
Check out the live version.
- HTML 5
- CSS 3
- JavaScript
- SCSS
- FontAwesome 6.2.1
- GoogleFonts
- Progressive Difficulty: The number and speed of goblins increase with each wave.
- Stats Tracking: Tracks and saves the player's survived waves, defeated goblins, and total time spent in-game.
- Achievements: A simple progression system with three levels of completion.
- Seamless Resets: A game-over screen that allows the player to restart the game state without reloading the browser page.
- UI Elements: A consistent interface featuring an animated menu background and a credits screen.
- Audio Controls: A built-in option to mute or unmute game sounds.
Main menu has:
- Animated snow background
- Mute/unmute sound button
- Three options too choose:
- Start option will hide the menu and runs the game
- Achievements option will show the achievements view
- Credits option will show the credits view
Achievements view shows achievements, each of which has:
- Title ribbon
- Three stars that indicate completion of a given level
- Target text with current value of achievement and required value for next level (if it's not already max level)
- Progress bar
Achievements has 3 levels to complete and 4 possible stages:
- Stage 0:
- Gray border
- Disabled all stars
- Progess bar empty or bronze color (going to bronze level)
- Stage 1:
- Bronze border
- Bronze star lighted up
- Silver progess bar color (going to silver level)
- Stage 2:
- Silver border
- Silver and bronze stars lighted up
- Gold progess bar color (going to gold level)
- Stage 3:
- Gold border
- All stars lighted up
- Gold progess bar color (gold level is max and it is completed)
Credits page contains 2 sections with links for resources used in the project, button for contact form and link to my portfolio.
At the top of the game view are wave and killed goblins counters and at the bottom is an instruction on what keys are used to play the game.
The way the game works is simple:
-
Player is standing in the middle
-
Game generates random waves of goblins which runs towards the player
-
Player has to use keys A and D to face left or right direction
-
If player is facing goblin direction, he will kill the goblin, otherwise player will lose
-
When player clears a wave, new one is generated with more goblins that are faster
-
Game over view displays survived waves, killed goblins and button that goes back to main menu
