A memory game inspired by the ultimate electronic game from the 1980s.
The game is played in the same way as Simon Says, where the computer lights up a random sequence of buttons that the user has to repeat by memory. The sequence keeps getting longer until the user presses the wrong button.
https://fabulous-fred.osadezu.com/
- Select a difficulty level, the UI will refresh to show the number of buttons you picked.
- Hit Play! and the computer will challenge you with a sequence.
- Repeat the sequence. If you get it right, the computer will repeat the sequence adding one new step.
- If you forget a step, you have 3 chances to cheat. But beware: the sequence keeps getting longer!
- If you lose, the computer will flash the key you missed.
- Start over any time by hitting that Fat Reset Button!
Original 'Fabuloso Fred 20' from the 1980s
1
- The UI is built purely with HTML and CSS.
- No graphic assets are used other than fonts.
- The program logic is all vanilla JavaScript.
- The sequence animations are delegated to functions with timeouts/intervals.
- UI updates:
- Add intro with game instructions.
- Updated LED screen handler to make messages more dynamic.
- Game modes:
- Implement 'insane mode' in which the buttons are reshuffled after every round and the user must memorize colors (not locations).
- Implement multi-user mode for 2-4 users to play together against the computer.
- Implement a play mode in which two users challenge each other.
Game UI for difficulty level: medium (9 buttons)
Game UI for difficulty level: hard (16 buttons, all colors not shown).
- As a user, I want to choose the difficulty level (possible colors in the sequence) so that the game becomes more challenging.
- As a user, I want a dynamic and reactive play experience that keeps me engaged.
- As a user, I want to be able to see the number of colors in the current, to be able to see how far I have progressed.
- As a user, I want to get 'lives' so that I can continue playing an increasingly complex game without losing the first time I make a mistake.
- As a user, I want the game to have a playful/cute personality so that I can 'know' my opponent.
- As a user I want additional complexity in the ways the game is played, so that the game continues to be interesting and exciting.
- As a user, I want a new mode in which memory isn't aided by the button's position in the board, so that the game becomes more challenging.
- As a user, I want to select how many users will be involved, so that I can play with my friends.
- As a user, I want to be able to play 1:1 against a friend so that we can challenge each other instead of playing against the computer.
- As a user I want the game to display the colors through my smart lighting system so that it becomes more engaging when my friends and I are playing in my living room.
- Major challenges
- CSS styles became quite complicated to be able to display interaction and different game states.
- Displaying the challenge sequence, which involves delays, while keeping the UI updated and in sync with the game state greatly increased the program logic.
- Similar to the sequence display and timing, developing the LCD screen handler to present dynamic and timely messages will be challenging.