コタク・ジャパン・ブロマガ

ブラウザでリズムマシンの名機たちを再現したサイト「HTML5 Drum Machine」

2015/03/25 12:30 投稿

  • タグ:
  • 登録タグはありません
  • タグ:
  • 登録タグはありません
HTML5 Drum Machine1


科学の力ってすげーと心から思ってしまいました。「HTML5 Drum Machine」はブラウザ上にドラムマシンを再現したサイト。アゲアゲなリズムパターンを手軽にプログラミングすることができます。


【大きな画像や動画はこちら】

しかも音色は一つじゃないんです。これが嬉しい、楽しい。


HTML5 Drum Machine2

デフォルト画面。


デフォルトでは、Drum Kit SelectにHip Hopがセレクトされています。この面構えはヤオヤことローランドのTR-808ですね。


HTML5 Drum Machine3

色が変わっただけじゃないッ。


Drum Kit Selectには5つの音色が用意されています。Houseを選ぶとこんなカラーリングになりますが、これはまさしくTR-909サウンド!


HTML5 Drum Machine4

Electroを選択。


ブラックパネルにオレンジのラインといえばLinn Drum。80年代に多くのアーティストが使っていましたが、例えばこの曲のリズムパターンもLinn Drumです。



スネアが気持ち良いわぁ。


HTML5 Drum Machine5

Technoを選択。


TechnoはエレクトロンのMachine Drumをエミュレート。スネアがクラップに、パーカッションがビーム音になってます。どうぞテクノして下さい状態ですよ。


HTML5 Drum Machine6

Acousticを選択。


最後のAcousticは生音のドラムを再現しています。全ての音色に言えますが。アクセントの機能が無いので抑揚のあるパターンは作りにくいものの、これだけ多様な音があれば充分遊べそうです。Wav形式での書き出し、画面状態のセーブにも対応

TB-303のエミュレートといい、面白い時代になったもんです。そのうちMS-20の再現サイトも出てきたりして...。


HTML5 Drum Machine
Free HTML 5 Drum Machine For Your Web Browser[Synthtopia]
Roland TR-808 Rhythm Composer[YouTube]
Building Techno and House rhythms on the Roland TR-909[YouTube]
linn drum LM2 in action[YouTube]
Stevie Wonder - Part Time Lover[YouTube]
TECHNO / MINIMAL COMPOSITION NO.2 by KOSTISTLAC / ELEKTRON MACHINEDRUM[YouTube]

ヤマダユウス型

関連記事

コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事

コタク・ジャパンチャンネル

コタク・ジャパンチャンネル

このチャンネルの詳細