$14$:$56$

$90$

CS$230-$ Assignment $2\_$d$628$e$4$f$...$

The Single$-$Player Simon Game is as follows:

$2$ of $4$

button to begin, the game status indicator $($the red$/$green light below the START button$)$ switches from RED to GREEN. The game will begin $3$s after the light turns GREEN.

$2.$ Simon will give the first signal $($randomly flash a coloured button$).$ Repeat the signal by clicking the same colour button.

$3.$ Simon will duplicate the first signal and add one. Repeat these two signals by clicking the same colour buttons, in order.

$4.$ Simon will duplicate these first two signals and add one.

$5.$ Continue playing as long as you can repeat each sequence of signals correctly. After the $5$th$,9$th and $13$ th signals in a sequence, Simon automatically speeds up the interval between signals.

$6.$ If you fail to repeat a sequence exactly, or if you take more than $5$ seconds to repeat a signal, Simon responds by flashing all four buttons simultaneously five times. This means you have lost, and the sequence of signals ends. The game status indicator switches from GREEN to RED and you will have to click START button to begin a new game.

$7.$ Your progress $($the number of correctly repeated signals$)$ for the game just completed $($last game$)$ is shown in the display to the right of the START button. The all$-$time highest score is shown in the display to the left of the START button.

Required Interface for CS$230($HTML$/$CSS$/$JS$)$ Simon Application

Assignment $02-$ Development Notes

Please adhere to the following development requirements:

All game interface elements must be generated using HTML elements together with appropriate CSS styling. Generally, your colour schemes, must follow a similar colour scheme to that shown in Figure $1.$ You may not use pre$-$constructed images for any of the game elements. All of the elements shown were created using HTML and CSS in

codepen.io$,$ and $($for convenience of display in this document$)$ were combined using Keynote. The individual elements used are shown in a screenshot of the partial CodePen Interface in Figure $2.$