Git Product home page Git Product logo

simon's Introduction

Simon

History

The original Simon game was launched in 1978. It was invented by Ralph Baer, and distrubuted my Milton Bradley. The game was an immediate success and became a pop culture symbol in the 70s and 80s.

My Version

I just started writing React and I hadn't done this Freecodecamp project yet, so making Simon in React seemed like the obvious choice. My game is simple enough.

  • I use the Audio API through the pizzicato javascript library to generate 4 different tones
  • I set the frequency, return, attack and type of sound wave
    • type of wave for all my tones is sine wave
    • frequencies are set to match original Simon game
      • Ralph Baer supposedly modeled the sounds after a bugle
      • The notes are G C E G. I used those frequencies
    • attack is how the sound fades in. audio api lets you set this with a time
    • return is how the sound fades out.
  • I match the colors to the best of my ability
  • I try to create a lit effect with a radial gradient
  • I have textures included but was unable to implement at this point due to position and z-index issues
    • Buttons would have a plastic look. The code for this is commented out in case of future implementation
  • I use one ES6 class to manage the state of entire game
  • I use Founation CSS framework for power switch and instructions button
  • User can play in strict or regular mode
  • As user advances through rounds, the speed of computer sequence increases
  • At this point my "AI" will only check a user enter sequence when they enter the full number of presses required to complete a round. A user can get the first press of round ten wrong but won't get feedback until they make ten presses.
  • I look to improve upon this in the future

Enjoy the Game And Good Luck Winning!

simon's People

Contributors

benjaminadk avatar

Watchers

James Cloos 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.