angular drum machine

A drum machine entirely made in HTML5, AngularJS and Foundation.
A little fun without server side logic.
You can find source code & more info on GitHub, and here's a mp3 demo.


tempo
filter freq.
resonance
-
{{ds.name}}
-

filter freq.
resonance
lo-fi synth

The top half of the screen is a classic, 16 step pattern grid. For each sample, you can change the filter frequency & resonance.
Create your pattern or, if you feel lazy, just press the "randomize" button and enjoy!

The bottom half is an 8 bit style, lo-fi synth. Click on the little piano-keys or use the computer keyboard to play.
Oh, and there is a filter too. :-)
NEW: on Chrome, you can also use a MIDI keyboard connected to your computer - and you really should :-)

Browser support: MS Internet Explorer does not support audio: please try with MS Edge, Mozilla, Chrome, Safari or another browser.