code-institute-submissions / the-simon-game Goto Github PK

The Simon Game

The Simon Game is designed as a memory game. The Simon game will play a sequnce of colored buttons that lights up and plays a sound for the player to follow. The game will start when the player clicks on the start button and the game will start with a single color button that will light up and play a sound, the player has to click on that color button. If the player clicks on the correct button the game will add one more color button to the sequence,that the player remember to follow. When the player clicks on the wrong button the sequence will start again and the player can try again. From example if the Simon Game sequence plays a red and green button, the player needs to click on the red and green button, if the player clicks on a red and yellow button the game will play the same red and green button agian.

The Simon game has two different game Modes, the Normal game Mode and a Strict Mode. The Normal Mode is where the Simon game will play a sequence and the player has to the click on the same sequence, if the player clicks the wrong button the sequence will start from the beginning of that sequence. The Strict Mode is where the Simon Game will play a sequence and the player has to click on the same sequence, if the player clicks the wrong button in the sequence the game is over.

                                   --------------------------------

User Excperience

User: I am presented with a random series of button presses.

User: Each time I input a series of button presses correctly, I see the same series of button presses but with an additional step.

User: I hear a sound that corresponds to each button both when the series of button presses plays, and when I personally press a button.

User: If I press the wrong button, I am notified that I have done so, and that series of button presses starts again to remind me of the pattern so I can try again.

User: I can see how many steps are in the current series of button presses.

User: If I want to restart, I can push the start button to do so, and the game will return to a single step.

User: I can play in strict mode where if I get a button press wrong, it notifies me that I have done so, and the game restarts at a new random series of button presses.

User: I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.

                                   --------------------------------

Features

In this project the buttons flash and the user is to copy the sequence and click the correct button.

You can change the mode from 'Normal' to 'Strict'.

You can reset the game throughout the game.

I have a counter so the user knows what level they are on throughout the game.

I have used a random function which will allow the game to use a unique sequence each time.

I have used 'Start' and 'Strict' buttons to let the user have control of the game.

                                   --------------------------------

Technologies Used

HTML: The layout of the elements of the Simon Game. CSS: The styling of the elements of the Simon Game. Javascript & JQuery: To simplify DOM manipulation. Google Apis: The font styles in the Simon Game.

                                   --------------------------------

Testing

Does the game start when pressed the start button?

Once I have clicked on the the start button, the game start playing the first colored button. The color button lights up and plays the sound assigned to the button.

Does the levels section go up each time your on a new level?

Everytime the I played the correct sequence of colored button the counter in the center goes up by one.

Does the game play the random sequence for you to then press the correct button?

The sequence starts and plays one colored button for me to press and informs me that it was correct.

Does the game move on to the next level when completed last level correctly?

The game indicates that I have played the correct button and adds one more to the sequence and shows the level has increased on the counter.

Does the game show an alert when failed the game?

The game will indicate that II have played the wrong button by displaying 'Oops' on the counter and starts the sequence again.

Does the game show an alert when the game is won?

Once you have reached a level of 20 on the counter and you have correctly played the sequence, the game will alert you that you have won.

Does the game allow you to restart once you have either won or lost the game?

Either way winning or losing the game will restart with a new sequence.

Does the sound effects work when a button is pressed?

Every colored button has a sound assigned to them and everytime the game or I play the colored buttons the sound beeps for a few seconds.

Do the buttons flash when pressed or called by the sequence?

Every colored button does flash when when the sequence plays or when I press on the colored button.

Does the Strict mode differ to the Normal mode?

When I played the strict mode everytime I played the wrong colored button the game stop and alerts me that I have lost the game and restarts with a new game. WHen I played the normal mode everytime I played the wrong colored button the game started the sequence over for me to try again.

Does only one button flash at a time?

With the sequence everytime a colored button flashes only one flashes at once and then the next one colored button will flash.

During testing of the game, I will play the game, fininshing the game and restarts or being by resetting the game by pressing the start button. The Computer sequence starts from the beginnig again, I can press the first sequence of colored button and the game will add another colored button to the sequence. Once I have pressed the first colorded button of that sequence, the Computer sequence will start again and add the next sequence or displays an error 'Uncaught TypeError: Cannot read property 'classList' of undefined', this error will keep on running until I refresh the browser.

When I ask other people to test the simon game some of them said that the game works fine and some of them found the same as what I have found.

I will be looking into the reason why I am having this error, try and get the game running correct after restartng the game.

                               --------------------------------

Deployment

Open up GitHub, ShawnAhls/The-Simon-Game going to setting, click on setting and scrolling down to Github pages. once at GitHub Pages source, click on the drop down menu and clciked on the gh-pages, which created the following link 'https://shawnahls.github.io/The-Simon-Game/'

                               --------------------------------

Credits

A Big Thanks to my Mentor and all the tutors with all the assistance and advise that they have given me over the time. All the information I got from StackoverFlow, Mozilla developer and Slack for everyone who has advised me during this building of The Simon Game.