-
Press START button; SIMON will illuminate the first colored section in a sequence.
-
Begin by pressing the same section.
-
SIMON will duplicate the first move and add one.
-
Repeat these two signals by pressing the same sections.
-
SIMON will duplicate these signals and continue to add one.
-
Continue in this manner as long as you can repeat the sequence correctly.
-
If you fail to repeat a sequence exactly or if you take more than 5 seconds to repeat a signal, SIMON responds with a "RAZZ" sound indicating that you have lost.
- HTML5
- CSS
- SVG
- Javascript
- Jquery
- Download the .zip file
- Double-click "SimonJS-master.zip" to extract files
- Open index.html
Play on the web: https://aaronjgoldsmith.github.io/SimonJS/
- 'git clone [email protected]:AaronJGoldsmith/SimonJS.git'
- 'git cd SimonJS'
- 'open index.html'
- E-note (blue)
- C#-note (yellow)
- A-note (red)
- E-note (green)
- Identify each colored section with sound in a jQuery object
- Store and compare user's sequence and Simon's sequence of moves in arrays
- Time the 'turning on' and 'turning off' of the sections with .setTimeout() method and jQuery mouse listeners.
- Utilize the CSS property 'filter' to adjust the brightness of the colored sections at different time intervals to simulate lighting up and turning off.
- Adjust the timing of the color flashing for 'easy' and 'hard' difficulty
- Colored sections are not accurately responsive with corresponding sounds for the length of time they are pressed.
- SVG win/lose messages are not precisely centered.