Sponsored Contents

chromeの最新記事

Image credit:

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

Munenori Taniguchi
2015年3月23日, 午後04:09 in Chrome
1291 シェア
541
6
0
744

連載

注目記事

iPhone Xのナゾを実機でズバっと解決 カメラ機能はすべての面でワンランク上

iPhone Xのナゾを実機でズバっと解決 カメラ機能はすべての面でワンランク上

View

人気記事

任天堂スイッチに隠しファミコン エミュ、故 岩田聡氏の命日に「直接!」で『ゴルフ』が起動

任天堂スイッチに隠しファミコン エミュ、故 岩田聡氏の命日に「直接!」で『ゴルフ』が起動

View
PS4 Proにモンハン:ワールド同梱限定版『リオレウス エディション』、12月7日発売
6

PS4 Proにモンハン:ワールド同梱限定版『リオレウス エディション』、12月7日発売

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

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

Gallery: HTML 5 Drum Machine Emulator | 6 Photos


 

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 が推奨環境です。
 

1291 シェア
541
6
0
744

Sponsored Contents