I built my first JS game! 🎉

Lou Willoughby - May 15 '22 - - Dev Community

I built my first Maze JavaScript game

I used;

  • Vue.Js framework,
  • JavaScript,
  • CSS

Maze Preview

I've recently been learning DOM manipulation and so I decided to put my knowledge to practice and built a little maze game using the skills I learnt and also learnt new ones along the way.

It's only small and silly BUT i'm super chuffed with it. There are definitely things I could improve on or do differently so if you do have a look at the code, I am always open to constructive feedback as it will only help me code better.

A few things I used to make my Maze;

  • To make the maze itself I used CSS Grid;
    CSS Grid
    This is something i'm still new to using but I felt it was the best way to get an even 6x6 grid.

  • I used mouseover effects to make the game more interactive, when you hit the 'wall' it shows this by turning red;
    Wall Hover Effect

  • You only win by going passed start, if you try to go to the finish via another entry it tells you that's cheating!
    No Cheating

  • There may be a little surprise or two along the way 👀

I hope you enjoy this as much as I had fun building it, you can win it's not a trick 😉

GitHub Code: https://github.com/Louise-Ann93/mazegame
Game: https://mazegamepractice.netlify.app/

Enjoy 😊

. . . . . . . . . . . . . . . . .