Web Music ハッカソン #3 やりました!

2014年9月13日に Web Music ハッカソン#3を行いました。今回もGoogle さんと Web Music Developers JPの共催、AMEI（音楽電子事業協会） さんの後援です。

当日の参加人数は40+名で、合計26作品+1曲がハックされました。
それらのハック中の様子も音楽系ハックならでわで、絶えずあちこちから「ビー」とか「ブー」とか、時にはポケミクの声がしたり、また会場にはAMEIさんから提供していただいた楽器もたくさんありハックに利用したり、また休憩中に楽器単体で、または別の機器と接続をして楽しみながらアイデアを模索したり、と音楽系ハッカソンならではの出来事があちこちで発生していて非常に活気のある奇想天外なハック会場になっていました。

また11月16日〜22日に慶応義塾大学SFC研究所主催でORF（Open Research Forum）にて「Webと音楽」をテーマにW3C（World Wide Web Consortium）/KEIOが1セッションを行う中で、今回のハッカソンの様子、また優秀作品の紹介を予定している関係で、ぜひ実物も見たいとのことでプレゼンタイムにはW3C/KEIOより村井 純先生（写真左）、中村 修先生（写真右）をお招きしての開催となりました。

 そんなスゴイ状態の会場でハックされ、発表された作品は大雑把に以下の5つに分類のように思います。

• MIDIデバイスを含む外部デバイス（野菜も含みます！）と接続をした作品、
• Web ServiceのAPIや、コマンドを使う作品
• 自動またはユーザ参加型作曲を実現した作品、
• VJ、映像系の作品
• ゲーム

どの作品も独自のアイデアが光り、そして何よりWebブラウザでの新しい音楽、アートの楽しみ方を巧みにWebブラウザ上に表現していると感じる作品ばかりでした。ここではその中から優秀作品5つをご紹介します。

最優秀作品、チームHimakanによるFaceTrackingEffectorです。[App] [Source]
Webカメラからの映像から顔をトラッキングして画面に表示、さらに再生している音声のフィルタをかけてるというVJ作品になります。プレゼン内では紹介されていませんでしたが、トラッキング場所が実は手元のKaoss Padのパッド部分に反映されています。

2つ目は @okame_okame さんのエレキ木魚です。[Source]

木魚側にArduinoを使ったTriggerからの信号を、PC側にはChromeAppsなアプリでSerial DeviceのAPIを使って受取り、Web Audio APIで作った音を鳴らす、という仕組みの作品です。さらに、木魚にはセンサが入っていてその傾きでも音に変化が加わったりします。

3つ目は kirinsan.org さんのオタマトーンの音をブラウザで拾いPitchを検出、それをMIDIメッセージに変換してMIDI音源を鳴らすという作品です。[App] [Source] 
MIDI音源の音色は手元のスマホから変更が可能だったりユーザビリティに関してもコダワリが詰まっていました。

4つ目は コボリ マサユキさんにより電車でGo!です。

ゲーム機用の電車でGo!のコントローラをMIDIコントローラに改造をして、プラレールを動かし、それに合わせてブラウザ側では発車音等を鳴らすという作品です。

5つ目は @tadfmac さんによる野菜を触ることで映像が動くという作品です。

ナマ物（野菜、果物）をトリガーにしてArduinoでMIDIメッセージに変換をしてブラウザ側ではWeb MIDI APIを使って映像を動かす、という作品です。さっそく電子回路側の解説を公開してくださっていますので、気になる方は御覧ください。

そして+1曲はこちらです。
音源にポケミクを使ったWebMusicの歌！！

作詞、作、編曲：meguru (JSPA Web MIDI研究委員会）

最後に技術的な部分のお知らせです。Chromeに実装されているWeb MIDI APIが更新されます。その説明をGoogleの @toyoshim さんにハッカソンの開始時にしていただきました。そのスライドをシェアさせていただきます。スライドの中に当面パッチとして使えるソースコードの例もありますのでぜひ参考にしてください。

Web MIDI API update from Takashi Toyoshima

ご参加いただきました皆様、本当にありがとうございました。これからもWebとブラウザと音楽・アートとワタシの世界「Web Music」を盛り上げて行きましょう！！

最後に参加者全員で記念撮影！お疲れ様でしたっ！

次回に乞うご期待！！