Giter Site home page Giter Site logo

harmeetsingh11 / simon-game Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 92 KB

This game is an interactive version of the traditional Simon Electronic Memory Game.

Home Page: https://harmeetsingh11.github.io/Simon-Game/

CSS 17.17% HTML 22.82% JavaScript 60.01%
css3 events-listener game html5 javascript jquery keyboard-events mouse-events

simon-game's Introduction

Simon Game 🎮

This game is an interactive version of the traditional Simon Electronic Memory Game.

Game Rules

  • There are 4 distinct colour boxes (Green, Red, Yellow, Blue), and clicking each one will play a different sound.
  • When you press "A ", the game will start and the boxes begin to become highlighted and randomly plays corresponding sound.
  • The player then has to copy that particular sequence by manually clicking the boxes.
  • If all boxes were clicked in correct sequence, the player will enter next level and have a more complex set of challenge as the game progresses to higher levels.
  • Once the sequence breaks, the player will lose the game. Enjoy playing🥳

Demo

https://harmeetsingh11.github.io/Simon-Game/

Screenshots

Run Locally

Clone the project

  git clone https://github.com/harmeetsingh11/Simon-Game.git

Go to the project directory

  cd Simon-Game

Start the project

  start index.html

Tech Stack

  • HTML5
  • CSS3
  • Vanilla Javascript
  • jQuery

Concepts Learned

  • DOM manipulation using jQuery.
  • Add Mouse, Keyboard Event listeners using jQuery.

Acknowledgements

I'd like to express my gratitude towards Dr. Angela Yu for her Web Development course at Udemy.

simon-game's People

Contributors

harmeetsingh11 avatar

Stargazers

 avatar

Watchers

 avatar

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.