This example app shows you how to write a simple drum machine that runs in the browser.
![Screenshot of the drum machine](https://cdn.glitch.com/6d438ff3-88c3-46e7-9984-5830683d8dee%2Fscreenshot.gif?1501165506867)
## Annotated source code
The [heavily annotated source code](https://drum-machine.glitch.me/docs/drum-machine.html) is 114 lines long, but each aspect of the code is described so that you can understand how it works.
## Get the code
[Remix this project](https://glitch.com/edit/#!/remix/drum-machine)
## Contact
Mary Rose Cook - http://maryrosecook.com
Rank | Page | Edits | Editors | Pageviews | % Mobile |
---|---|---|---|---|---|
1 |
253 | 137 | 9,513,452 |
||
2 |
33 | 13 | 952,924 |
||
3 |
6 | 4 | 802,550 |
||
4 |
35 | 28 | 481,149 |
||
5 |
904 | 287 | 406,160 |
||
6 |
25 | 11 | 349,927 |
||
7 |
35 | 26 | 323,346 |
||
8 |
24 | 18 | 319,573 |
||
9 |
3 | 3 | 270,450 |
||
10 |
25 | 11 | 262,744 |
||
11 |
1 | 1 | 227,218 |
||
12 |
1 | 1 | 208,458 |
||
13 |
35 | 31 | 191,708 |
||
14 |
249 | 91 | 186,818 |
||
15 |
5 | 4 | 152,762 |
||
16 |
22 | 14 | 151,255 |
||
17 |
117 | 47 | 147,525 |
||
18 |
6 | 5 | 146,680 |
||
19 |
12 | 7 | 135,540 |
||
20 |
3 | 2 | 135,217 |
||
21 |
45 | 22 | 132,497 |
||
22 |
81 | 38 | 122,680 |
||
23 |
0 | 0 | 120,367 |
||
24 |
4 | 4 | 118,858 |
||
25 |
31 | 18 | 114,355 |
||
26 |
14 | 10 | 103,521 |
||
27 |
2 | 1 | 102,878 |
||
28 |
7 | 7 | 101,916 |
||
29 |
18 | 13 | 101,263 |
||
30 |
0 | 0 | 99,216 |