Project information

  • Category: Game
  • Technology: Plain Old Javascript && Canvas
  • Project date: December, 2021
  • Project Live Site: MazeRunner
  • Github Repo: MazeRunner Repo

MazeRunner 2D sky view game

This project is built entirely with Canvas HTML element and Canvas API with Vanilla JS DOM manipulation (ES6). I added key-specific event listeners, and incorporated efficient canvas updates with requestAnimationFrame. Background music is added to the game with Web Audio API. MazeRunner is designed as composition paradigm with object oriented programming. The player can move/pause/restart and mute the music. The player has 4 health points and can lose the game if the wraith attacks the player 4 times. I added invisibility frames to the player when attacked and a cooldown to those frames for about 5 seconds. There are doors that can only be opened by pressing a switch or using a key. Find the exit in the maze to win!