KeePlay Web

–January 6, 4:14 a.m.–

Splash

The (very 8-bit) splash screen.

Gameplay

A screenshot of gameplay. The game uses the HTML5 canvas element for ...

Key Selection

The key selection screen. KeePlay Web lets you save melodies to a ...

Like KeePlay Mobile, KeePlay Web is a game of pitch recognition. However, this version ran in the browser, using the very new Audio Data APIs in Chrome and Firefox to generate sound. This was a group project, and I was largely in charge of the front-end, where Faye Han, another MHCI student, did the back-end.



The code is available on GitHub, here.


A working version of the game can be found here.





The (very 8-bit) splash screen.




A screenshot of gameplay. The game uses the HTML5 canvas element for drawing and Audio Data API for playing tones.




The key selection screen. KeePlay Web lets you save melodies to a CouchDB server and try to match them up in later plays. The next note is displayed under the screen. You get points for matching the note, and extra points for making chords.