Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/liethdallal/project-1-simon-game
The Simon game is a memory game where the user needs to follow a specific sequence of colors to earn a score! The longer you are able to follow additional sequences it provides the higher your score will be!
https://github.com/liethdallal/project-1-simon-game
css html javascript
Last synced: 5 days ago
JSON representation
The Simon game is a memory game where the user needs to follow a specific sequence of colors to earn a score! The longer you are able to follow additional sequences it provides the higher your score will be!
- Host: GitHub
- URL: https://github.com/liethdallal/project-1-simon-game
- Owner: liethdallal
- Created: 2023-09-08T02:06:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-03T22:01:14.000Z (12 months ago)
- Last Synced: 2024-11-18T13:29:51.190Z (2 months ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://liethdallal.github.io/Project-1-Simon-Game/
- Size: 14.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Project Description
The Simon game is a memory game where the user needs to follow a specific sequence of colors to earn a score. The longer you are able to follow additional sequences it provides the higher your score will be.How to play:
Simon will show a sequence of colors and tones (through boxes).
Repeat the sequence by pressing the buttons in the same order.
If you make a mistake or press the wrong button, the game ends (the score goes back to 0).
Keep advancing through longer sequences to achieve a high score.## Wire Frames
![Sketched Game](https://media.git.generalassemb.ly/user/49500/files/0b2712e0-067f-478c-8dd8-8cb9bdb1a0ad)## Planning
https://docs.google.com/document/d/1C52aMGDcCYBITnOu-xAdpoUfrdF0POjPHukrneCrJfc/edit?usp=sharing## Picture of Completed Game
![Completed Game](image.png)## Installation instructions & Technologies Used
A game made using HTML CSS and Javascript.
Went through a series of psuedocoding phases to make the game alive## Major Hurdles & Unsolved Problems
Major Hurdles:
A major hurdle for me was the css of my game. I started off using 'vh' as a unite for all my fonts and margins to try to adjust to all screen sizes till I found out how to keep things in px and adjust media quory in the exact way I wanted to!Unsolved Problems:
A unsolved problem for me is the leaderboards however there was just not enough time so this was not necessarily a problem just somthing I have not gotten to.## User Stories
-As a player, I want to be able to start the sequence when I am ready to play, so I can read the rules of the game first-As a player, I want to know what my score is after each additional sequence so I can keep track of how well I am doing.
-As a player I want the boxes I select to register and show me the color confirmation that I selected the box so I can know if I have pressed.
-As a player I want to know if I messed up the sequence to understand why my score went back down to 0
### MVP Goals
Goals:
-The game is fully functional with 0 errors-The sequence continues to add new color patterns until the user messes up
-The score continues to go up after every additional color sequence is clicked
-The boxes all flash green after each correct sequence
-The boxes all flash red when the wrong sequence is clicked
### Stretch Goals
-A leaderboard box in the top right would be amazing this would require a lot of research-The screen size is adjusted for any browser size or screen making it playable by anyone