Skip to content

Jazzy Sounds and Lights Memory Game is a Light & Sound Memory game made from HTML, CSS and Javascript that tests the user’s ability to remember a pattern of colors and sounds. The game has a start/stop button, lights up and plays a sound when clicked, and progresses to the next turn after a correct guess. The user wins after guessing the pattern.

Notifications You must be signed in to change notification settings

IbrahimNabid/Jazzy-Sounds-and-Lights-Memory-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Jazzy Sounds and Lights Memory Game

Jazzy Sounds and Lights Memory Game is a Light & Sound Memory game made from HTML, CSS and Javascript that tests the user's ability to remember a pattern of colors and sounds.

Link to project: https://glitch.com/edit/#!/island-glittery-swan

The following functionality is complete:

  • Game interface has a heading (h1 tag), a line of body text (p tag), and four buttons that match the demo app
  • "Start" button toggles between "Start" and "Stop" when clicked.
  • Game buttons each light up and play a sound when clicked.
  • Computer plays back sequence of clues including sound and visual cue for each button
  • Play progresses to the next turn (the user gets the next step in the pattern) after a correct guess.
  • User wins the game after guessing a complete pattern
  • User loses the game after an incorrect guess

The following optional features are implemented:

  • Any HTML page elements (including game buttons) has been styled differently than in the tutorial
  • Buttons use a pitch (frequency) other than the ones in the tutorial
  • More than 4 functional game buttons
  • Playback speeds up on each turn
  • Computer picks a different pattern each time the game is played

The following additional features are implemented:

  • Added a help button to provide user instructions on how to play the game
  • Added new fonts to make game more interesting to interact with
  • Added gradient color background to improve aesthetics of the game

Video Walkthrough (GIF)

game2 game1

License

Copyright Ibrahim Nabid

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

About

Jazzy Sounds and Lights Memory Game is a Light & Sound Memory game made from HTML, CSS and Javascript that tests the user’s ability to remember a pattern of colors and sounds. The game has a start/stop button, lights up and plays a sound when clicked, and progresses to the next turn after a correct guess. The user wins after guessing the pattern.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published