Code Monkey home page Code Monkey logo

simon-game's Introduction

Intros   |    Game Instructions   |    Objectives   |    Technical Components   |    Attribution   |    Disclaimer


Simon Game

Simon Game Demo

👋 Intros!

Simon Game is a gaming web app that challenges your brain memory and features a 70s retro style and audio effects. The functionalities of the game is built upon a mixture of vanilla JS and jQuery.

Have fun with this retro 70s game and feedbacks are always welcome, especially if the game brings back feelings of nostalgia! 😊 👾

🕹️ How To Play

  1. To start the game, press any key on the keyboard to initialize.

  2. The game will start off by randomly selecting a color button. This can be identified by the flash effect.

  3. As the player starting off initially at level 1, you will have to select the same color button that the program had randomly selected.

  4. After the player selected the button that matches the program selected button, the program will move on to the next level and randomly selects another button.

  5. At each subsequent level, the player will have to build on their brain memory to select all the previously selected buttons in the correct order along with the correct button at the current level.

  6. If the user selects any wrong button that doesn't match the game pattern color sequence, the game will be over and the game level will reset to the beginning.

  7. To start a new game again, repeat Step 1.

📌 Objectives

  • Create a game using jQuery that allow users to start the game first.

  • Implement a level functionality to the game and increment its level each time the user passes a game level.

  • Saves the results of the game so that the program can keep track of the current level of the game.

  • Notify the user when he/she/they did not pass the game level and resets the game to the beginning.

⚙️ Technical Components

  • jQuery 3.5.1

  • ES6+ vanilla JavaScript

  • HTMLAudioElement object for game audio effects

🔖 Attribution

Browser icon by Freepik, on Flaticon

📝 Disclaimer

The contents of these pages are provided as an information guide only. While every effort is made in preparing the material for publication, no responsibility is accepted by or on behalf of the owner(s) for any errors, omissions or misleading statements on these pages or any site to which these pages connect. Although every effort is made to ensure the reliability of listed sites this cannot be taken as an endorsement of these sites.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.