GeezerVisonThe World Wide Web, restored to 800 pixels of glory. | ||||||||||||||||||||||||||||||||||||||||||||||
| Home|About|Gaming cabinet|Archives|How it works|Starter sites | ||||||||||||||||||||||||||||||||||||||||||||||
GeezerVison is showing github.com — ortonomy.github.io/simon-game at master · ortonomy/ortonomy.github.io Expand file tree/ Copy pathsimon-game/Directory actionsMore optionsMore optionsDirectory actionsMore optionsMore options/ Copy pathsimon-game/Folders and files
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <h1 id="simon-game">simon-game</h1> <p>A browser-based version of the classic 80s hand-held memory game. Remember the sequence of lights and sounds, and see if you can achieve victory with a score of 20!</p> <h1 id="demo">demo</h1> <p>Demo app here: <a href="http://ortonomy.github.io/simon-game/">http://ortonomy.github.io/simon-game/</a></p> <h1 id="technology">technology</h1> <p>Built using HTML, SCSS, CSS, vanilla JavaScript ES6, and the WebAudio API</p> <h1 id="features">features</h1> <p>Current functionalities include:</p> <ul> <li>Computer generated sequences includes lights (desktop and mobile) and sounds (desktop only).</li> <li>Repeat the sequence to increase your score by 1.</li> <li>Try to achieve a score of 20 to win.</li> <li>Reacts to errors and repeats the sequence to let you try again.</li> <li>Includes ‘strict’ mode. If you make a mistake, the sequence starts again from 0/</li> <li>Sounds generated by WebAudio API oscillators: <a href="https://developer.mozilla.org/en-US/docs/Web/API/OscillatorNode">https://developer.mozilla.org/en-US/docs/Web/API/OscillatorNode</a></li> <li><em>analogue</em> power button</li> <li>7-segment display font for a little retro feel</li> <li>flat UI design for a complementary modern feel</li> </ul> <h1 id="futureimprovements">future improvements</h1> <p>Planned features include: - decreasing delays for displaying the sequence at higher indexes thus ramping the difficultly level - abstracting the timer durations to the <code>Game.settings</code> object to allow easy customisation and tweaking - implementing sounds for mobile browsers using embedded html <code><audio></code> tags and sounds files instead of WebAudio API - optimizing touch events to handle 300ms delay between <code>touchend</code> and <code>click</code> events.</p> <h1 id="acknowledgements">acknowledgements</h1> <p>Things that made this project possible: - Original project idea link: <a href="https://www.freecodecamp.com/challenges/build-a-simon-game">https://www.freecodecamp.com/challenges/build-a-simon-game</a> - Font awesome icons for project information: <a href="http://fontawesome.io/">http://fontawesome.io/</a></p> </body> </html> | ||||||||||||||||||||||||||||||||||||||||||||||
| You are visitor 01402520 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. | ||||||||||||||||||||||||||||||||||||||||||||||