HTML5 drum machines

March 21, 2015 7:51 AM

HTML5 Drum Machine, Jamie Thomson

HTML5 Drum Machine, ,Brian Arnold

HTML5 Drum Machine, Stephen Eisenhauer

posted by the man of twists and turns (11 comments total)

HTML5 Acid Machine
posted by neckro23 at 8:15 AM on March 21, 2015

good excuse to start pronouncing HTML as "hit mill"
posted by LogicalDash at 8:21 AM on March 21, 2015 [4 favorites]

Hmm...the first one seems to be wildly inconsistent with speed.
posted by anazgnos at 9:15 AM on March 21, 2015

On the first one, how do you switch to something other than a kick drum? It's really non-obvious.

I like these kinds of toys, but I wish the people who make them would make the interfaces more intuitive. Instead, they imitate the interfaces of the original machines—which were often pretty terrible. Come on, folks! Virtual knobs / buttons / LEDs don't cost anything, and they can move around or change functionality!
posted by escape from the potato planet at 10:05 AM on March 21, 2015

I love that the Acid Machine has a "randomize" button. The best part of a real TB-303 is taking out the batteries, then putting them back in to generate random patterns (which are often better than the ones you painstakingly key in on the little buttons).
posted by escape from the potato planet at 10:12 AM on March 21, 2015

The third one lets you create a code to share your beats with the world. You just paste it in. I call this "More Cowbell".

[120,2,4,4,[[0,1,1,1,0,0,1,0,0,0,1,0,0,1],[1,0,0,0,0,0,0,0,0,0,0,1,0,0],[0,1,0,0,0,0,0,0,0,0,1,0,0,1],[0,0,0,0,0,0,1,0,0,0,0,0,0,0],[1,0,0,1,0,1,0,0,0,1,0,0,0,1],[0,1,0,0,0,0,0,1,0,0,1,0,0,0],[0,0,0,0,0,0,1,0,0,0,0,0,0,1],[0,0,0,0,0,1,0,0,0,0,0,0,0,0],[1,0,0,1,0,0,0,0,0,0,1,0,0,0],[1,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,1,0,0,0,1,0,0,0,0,1,0,0,0],[0,0,0,0,0,0,1,0,0,0,0,0,0,0],[1,0,0,1,0,0,0,1,0,1,0,0,0,1],[0,1,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,1,0,1],[1,0,0,0,0,0,0,1,0,0,0,0,0,0],[0,1,1,1,0,0,1,0,0,0,1,0,0,1],[0,0,0,0,0,1,0,0,0,0,0,0,0,0],[1,0,0,0,0,0,0,0,0,0,0,0,0,1],[0,1,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,1,0,0,0,1,0,0,0,0],[1,0,0,1,0,0,1,0,0,0,1,0,0,0],[0,1,0,0,0,0,0,1,0,0,0,0,0,0],[0,1,0,0,0,0,0,0,0,0,0,1,0,0],[1,0,0,1,0,0,0,0,0,0,1,0,0,1],[0,0,0,0,0,0,0,1,0,0,0,0,0,0],[1,0,0,0,0,0,1,0,0,0,1,0,0,0],[0,1,0,1,0,1,0,0,0,0,1,0,0,0],[0,0,0,0,0,0,0,0,0,1,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0],[1,0,0,1,0,1,0,0,0,0,0,0,0,1],[0,1,0,0,0,0,1,0,0,0,0,0,0,0]]]

(I made the text really small because that pasted a lot more than I thought it would.)
posted by double block and bleed at 10:12 AM on March 21, 2015

On the first one, how do you switch to something other than a kick drum?

Use a better browser.
posted by the man of twists and turns at 10:32 AM on March 21, 2015

I believe you mean a different browser. Didn't work in Chrome. Does in Firefox.
posted by escape from the potato planet at 12:01 PM on March 21, 2015

Doesn't work in Chrome, but does in Firefox? He did indeed mean better.

(OK, that's probably enough of that derail.)
posted by oddman at 12:08 PM on March 21, 2015

That was a fun 2 minutes.
posted by oddman at 12:08 PM on March 21, 2015

A fun 10 minutes.

OMG, I need to be grading.
posted by oddman at 12:14 PM on March 21, 2015 [1 favorite]