A new version of the classic Simon game from Hasbro Gaming, written in vanilla JavaScript Players must repeat random sequences of colors(simulating lights) by pressing the colored boxes in the correct order. As the player selects the correct color, the pattern gets longer by adding one additional color to the sequence each round This game can be played with your mouse - by mousing over your chosen color and clicking
Game can also be played entirely using your keyboard
- 'Enter' to begin
- Arrow keys to navigate the game board: red: ⬆️, yellow: ➡️, blue: ⬇️, green: ⬅️
- instructions can be located by clicking on the 'instructions' button or pressing 'i' on your keyboard
JavaScript | HTML | CSS
- Fork and clone this repository
- Start up local server and open index.html
- Follow in app instructions on how to play Simon
- As a player, I need to see the game board so I can get a visual of where I need to click
- As a player, I need to have a start button so I can tell the game when I am ready to play
- As a player, I want to see a score or level tally so that I can keep track of my progress in the game
- As a player, I need to see a visual indication of the sequence such as a flash, so that I can recreate the pattern with clicks
- As a player, I want to see an indication of when the game is over, so that I know I guessed incorrectly and need to start a new game
- As a player, I want an option to see instructions so that if I have a question on how to play this can be answered
- timing - it took finesse to find a time frame for the sequence to run that was not too slow that the player would get bored, but not too quick that the player would miss the prompt
- user clicks while sequence running - if the user clicked any of the color squares while the computer sequence was running, this would create a glitch and cause the player sequence to be incorrect at the start of the next round. I was able to solve this by adding a sequence running boolean to the constructor in the game class. If the game is running then the boolean will return true and the click events for the player will not be registered. When the sequence is completed for each round, the boolean is toggles to false and the user may click and make their choices for the sequence.
When the user clicks the reset button while playing the game, the score and sequences reset to a new game. However, the previous running sequence needs to run to completetion before beginning a new sequence. This does not affect user play, as the user is still able to begin a new game, however it does create an unnecessary wait time that I would like to eliminate
status: actively working on finding a solution