For my first project at General Assembly, I designed and built a two player version of simon says with a dancing theme. I wanted the
project to be colourful, use button inputs and have movement and sound feedback. The finalised version of my game can be viewed here.
-
Game Rules:
- The game begins with player 1 as default.
- Player 1 enters 3 moves using the keyboard arrow keys.
- These moves are displayed in sequence to player 2 then hidden.
- Player two must iterate on these button inputs from memory and then add their own additional move on the end.
- This new chain is again displayed to player 1 who iterates and adds another movement on the end.
- The game continues until a player is unable to remember the full chain of moves in sequence.
- When a player fails to repeat the chain, the other player gains a point and the game resets.
The final design of the project:
Learning Outcomes
This project really helped a lot with control flow. I wanted the game to play without always prompting the players or have the player click buttons to progress. The project also made me feel better about my basic CSS skills and introduced me to features that will be useful for impressive web design such as CSS animations and using classes to change visuals.
Development Profile
The game was built with HTML, CSS and Javascript. I used jQuery at some points to streamline event listeners, getting elements and altering attributes. I used soundmanager 2 to implement sound effects in my game. I drew the the simple 2-frame animations myself in Gimp image editor and sourced the sound effects online.
Further Ideas
If I had more time I would like to play around with the possibilities of the sound effects. I used drum sound effects and could easily allow the player to play these back creating a small drum loop of sorts. Also, my game waits for the responding player to enter a chain of moves as long as the initial chain before checking if it is correct. In conventional simon says, the game over happens immediately when the first incorrect move is entered.