Welcome to the Falling Emoji Game, a fun and challenging game where you need to match falling emojis to make them disappear. This game was supervised by Eng:Eman Fathi as part of Intake44.
- Description
- Folder Structure
- Documentation
- Object-Oriented Approach
- Game Rules
- Dialog Libraries
- Local Storage
- How to Play
- Game Levels
The Falling Emoji Game is designed with a home page where the player can enter their name and start the game. The game includes a timer, falling emojis, and various levels of difficulty.
styles/
: Contains the CSS files.script/
: Contains the JavaScript files.images/
: Stores the game images.audio/
:Stores the sound Effects and musichomePage.html
: Home page.gamePage.html
: Game page.
The code is thoroughly documented to ensure readability and maintainability. Each module and function has comments explaining its purpose and usage.
The code follows an object-oriented approach to enhance modularity and reusability. Objects and classes are used to represent different components of the game.
- The game starts when the user clicks the start button.
- A timer of 2 minutes begins counting down.
- Emojis fall randomly, and the player must match 4 horizontally or vertically to make them disappear.
- The game ends when the time runs out or the emojis fill the entire box.
- Player wins by making 10 matches before the timer expires.
Dialog libraries are utilized for displaying messages. Built-in prompts and alerts are not used to provide a better user experience.
Local storage is employed to remember the user's name and display their last score if they have played before.
- Open the game folder in your vsCode editior to access and select to run the
homePage.html
page with you live server to acess to the home page. - Enter your name and click the play button.
- On the game page, click the start button to begin the game.
- Match emojis horizontally or vertically to score points.
- Win by making 10 matches before the timer runs out.
- Dialogs will inform you of your victory or defeat.