The use of any trade name or trademark is for identification and educational purposes only and does not imply any association with the trademark holder of their product brand.
This is a web version of the Roland TR-909 drum-machine with painfully hand-made generated html, svg & css and a proper web-audio-api sound engine. It emulates the exact same cumbersome user experience of the original machine.
About 90% of the 909 features are already implemented. The original is quite intricate to operate but I didn't want to break the retro feeling, so I kept close to the original behaviour. Hence this version is even worse to operate since we only have one mouse cursor. It is quite fun with a large multi-touch device, but even when using all keyboard-shortcuts, you can be quick to very cool results.
To preview the sounds right after booting, click the main-keys in the bottom row. They all play their sounds as the original machine does.
Thanks to Sascha Kaltenschnee for lending me his DinSync RE-909, which is an exact hardware copy of the original TR-909.
Logo SVGs (Roland, TR-909 & Rhythm Composer) by Isaac Cotec
TR-909 Tested in Chrome & Safari, but does not work in Firefox yet
Make sure to have sass installed and run
sass sass/main.sass:bin/main.css --watch
Make sure to have typescript installed and run
tsc -p ./typescript/tsconfig.json --watch