The project consists of a maze game where a character controlled by a mouse cursor must try to find their way through the maze and to the goal in the center. If the player touches any of the walls or gets run over by an enemy ghost, then the player is forced to start over. By reaching the center, you win the game.
The project is useful to us students as we learn creative ways of utilizing CSS and its great capabilities. That allows us to expand our knowledge within the field. This assignment also makes us more familiar with structuring a project for this purpose. The game is useful for users too because it can help improve their concentration, problem solving skills, and reaction time. Additionally, it can be a fun and entertaining way to spend leisure time.
Check it out here: https://majabru.github.io/mazegame/
Or simply clone or download this repository and open index.html in your browser.
- The technologies used in this game include HTML, CSS/SASS (SCSS variables), and JS for regulating audio.
- Retrieved background gradient from this CSS background builder tool: https://www.magicpattern.design/tools/css-backgrounds
- Royalty free sound effect was retrieved from: https://mixkit.co/free-sound-effects/game/
- Royalty free music from: https://pixabay.com/music/search/arcade%20game/?manual_search=1&order=None
- Icons from: https://fontawesome.com/
Maja Celin Brunsvik, Johannes Aas og Sabrina Altahrawi