Mastermind (2016)
A minimalist browser game based on the classic Mastermind board game (link to Wikipedia entry) that we used to play as a family when I was young. For the uninitiated, it's a logic game where the goal is to deduce the secret correct combination (that's set at the beginning of each game) before running out of tries/guesses.
Made as part of coursework during my 3-month Web Development Immersive course at General Assembly, I designed and coded the game within a day or so.
The old board game is multiplayer, but I recreated it as a single-player game. I also reduced the number of colour choices to four, but the clue mechanics are preserved—where red and white clue pins show how many pins are in the correct position or are the correct colour respectively.
My game has the essential functionality of clearing a guess, giving up (with the correct answer displayed), and restarting the game. It also validates and handles incomplete guesses with visual feedback: a small shake of the row and a message "please complete your guess".
For visual touches, I used CSS transform and transition, and JQuery to shake.
To download and play, see GitHub https://github.com/sprazzeus/mastermind
To download and play, see GitHub https://github.com/sprazzeus/mastermind
