• このエントリーをはてなブックマークに追加
ブラウザでリズムマシンの名機たちを再現したサイト「HTML5 Drum Machine」
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

ブラウザでリズムマシンの名機たちを再現したサイト「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]

    ヤマダユウス型

    関連記事

    RSSブログ情報:http://www.kotaku.jp/2015/03/html5_drum_machine.html
    コメントを書く
    コメントをするにはログインして下さい。