はてなブックマーク

Web Music ハッカソン#5 ＠Google Japan (2016/7/30)が開催されます！ テーマは「DJ/VJ」ですので、宜しければ、こちらのサンプルも参考にしてみてください。 まずは動作サンプルをご覧ください。 サンプル ↑Chromeでアクセスしてください。 マイクで拾った音に反応して平面が揺らぎます。 外部MIDI機器を接続して、Control Change(CC)を送ると視点（カメラ・アングル）が変わります。 概要 getUserMedia でマイクからの音声を拾って、WebAudioAPIのanalyzerNode getFloatTimeDomainData()で波形情報を取得。 そのWebAudioからゲットした情報を使って Three.js で作った Plane を揺らしています。 WebMIDIは、CCを受けると Three.jsのカメラの角度が変わるように