木曜日, 3月 26, 2015

ブラウザで動作する無料の HTML5 ドラムマシン


ブラウザで動作する無料の HTML5 ドラムマシン公開。作ったパターンは WAV 形式でダウンロード可能


 
ソフトウェアデベロッパーのJamie Thomsonが、ブラウザー上で動作する「HTML5 Drum Machine Emulator」を公開しました。

ローランドの TR-808 をフラットデザインで描いたかのような画面を操作して、ドラムパターンを自由に作成可能です。また作ったパターンは WAV 形式でダウンロードすることができます。
 

HTML 5 Drum Machine Emulator

すべての写真を見る
6 枚

 
Jamie Thomson によれば、「音楽製作者が直感的にドラムパターンを作り、それをローカルにダウンロードして再利用できるアプリ」を作ろうと思ったとのこと。

HTML5 Drum Machine Emulator は、作る楽曲に合わせて個性の異なる5種類のドラムキットを用意しています。列挙すると、TR-808(Hip Hop)、TR-909(House)、linndrum(Electro)、Machinedrum(Techno)、一般的なドラムセット(Acoustic)で、キットを変更すればそのドラムマシン/キットの色に合わてパネルの色合いが変わります。
基本的なレイアウトは TR-808 や TR-909 に似ており、16ステップのドラムパターン2種類を作成可能。インスツルメントはそれぞれピッチと音量の調整が可能です。

パターン作成途中でその場を離れるときは、SAVE ボタンで保存しておけば次回このページにアクセスしたときに同じパターンが自動的に読み込まれます。また、できあがったドラムパターンは WAV 形式で録音し、ローカルに保存が可能。Ableton や Logic といった音楽制作ソフトウェアで再利用することもできます。

なお、HTML5 Drum Machine Emulator の動作環境は「HTML 5 が動作するブラウザー」となっていますが、推奨は PC 版の Chrome または Firefox。iPhone の Safari で試したところ、音が出ませんでした。

ちなみに、よく似たことをやっているサイトとしてはローランドのシンセサイザー TB-303 と TR-909 を組み合わせたような画面を持つ Acid Machine があります。こちらは Chrome が推奨環境です。