drumskills/tr-909

Roland TR-909

Disclaimer

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.

TR-909

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.

Development State

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.

Manual | Issues

Credits

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

Open

909.kitchen Tested in Chrome & Safari, but does not work in Firefox yet

Build

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