diaryこの広告は、90日以上更新していないブログに表示しています。milkcocoaを使ってリアルタイムに3D空間で音のセッションができるようなものを作りました。Storeカードとモバイルファクトリー様のステッカーを頂きました。Storeカードとステッカーをいただきました。ありがとうございます。2014関係者各位にはこの場を借りて感謝申し上げます。3DCGと立体音響が数行で動くWeb3DライブラリChromeやFirefox、一部のIE等のモダンなブラウザで3Dコンテンツを動かせるWebGLのラッパーであるthree.jsをさらにラップすることで、jQueryでのDOM操作くらいが分かっていればブラウザで動作する3Dコンテンツを簡単に制作できるもの。いう説明で多分合ってると思います。簡単に制作できる代償もそれなりにあって、動作が遅い、Webで3Dをやることの本質が理解しにくくなる等々言われているようです。メディアラボ様からは会場を、モバイルファクトリー様からはハッカソンで自由に使用できる音源を提供して頂きました。ここに改めて感謝申し上げます。アイディア発表、チームビルディング参加できるのが決まったのが急だったので特にアイデアもなく、一緒に組んだお二方と考えることに。結果、せっかく3Dオーディオが簡単に使えることを活かすのと、Javascript1行を埋め込むだけで簡単にバックエンドが用意できるmilkcocoaを使って音楽のセッションのようなことができたら面白いのではという案に落ち着きました。作成アイデア出し1時間、昼休憩1時間、制作時間3時間半と時間が厳しいので以下のボーダーラインを設定し、まずはそこにたどり着くことを目標としました。固定した3点を置き、1つの点から音を出す処理を行うと、同時に接続してる他の人も同期してそこから音が出る。3Dオーディオなのでカメラの位置によって、その音が左から聞こえたり右斜め前から聞こえたりする。結局のところ、3Dオーディオの使い方を1から知るというレベルだったり、僕がmilkcocoaとの連携でつまらないミスを連発したりで、ボーダーはなんとか超えたというところでタイムオーバーでした。出来上がったもの概要にも貼りましたが、以下になります。Web3dSessionWeb3dSession右側の再生ボタンを押すとA、B、Cの3つのオブジェクトが現れ、それぞれbeat、scratch、thunderに対応しています。カメラ切り替えボタンやドラッグで視点を変えて音を鳴らすと、音の聞こえ方が左からだったり右斜め前からだったりと変化することがわかると思います。milkcocoaで同期しているため同時に接続している人が音を鳴らすと、自分のブラウザでもその音が聞こえてきます。左のエディタを見てもらえると分かりますが、記述するのはGOML、HTML、CSS、Javascriptと4種類ありますが、それぞれ50行も書いていません。これだけの記述で3Dオブジェクトを描いて、3Dオーディオを設定して、ブラウザ間のリアルタイム通信も行えるとは、jThreeとmilkcocoaの素晴らしさに誰しもが震えると思います。jThreeの音楽を鳴らす関数にホストの再生時間をつっこめば出来そうだが、1秒くらい遅延がおきそう。QiitaのようにFPSっぽく設定すれば出来るかと。いうかこのゲームに銃の発射音を3Dオーディオで設定して、どこから撃たれているのかわかるっていうのも面白そうだと思った。複数用意するのは大変。あと、再生タイミングの同期が音楽レベルにすると無理そう。最初に目指した音楽のセッションというレベルは厳しそうだが、みんなが集まって音を出してるだけでも楽しいと思うのでチャカポコチャカポコできる何かが作れればいいなと感じた。いう発想にいたったグループ、バンジージャンプをしている人が杵を持ち、地上にある臼めがけてモチをつくという説明していてよく分からないけどインパクトある画面を作ってメディアラボ賞に輝いたグループ。私のグループは音源を提供していただいたモバイルファクトリー様から賞を頂きました。ステッカーがあるだけでもかなり嬉しいですね。以下、今回のハッカソンやjThreeの勉強会に何度か出て思うところこの日の松田さんの話で「Webで3Dと言っても、素人が見てすごいと思えることをやろうとするとレンダリング能力やファイルの容量=ローディングの重さの問題で現実的でないことが多い」というのがあって、これはそのとおりだと思います。「その分、アイデアで勝負」というのも当然の流れかとは思いますが、まだどういうことが面白いのかという知見は集まっていないのが現状でしょう。「『楽しい』をキーワードにjThreeを勧める」というのは非常に納得できる部分で、本来であれば面倒なことが多いはずの3Dコンテンツ作成において、今回の参加者の方々は私も含めてみんな楽しそうに作業をされていました。今はまだ、技術を活かす道を模索する段階だとは思いますが、「楽しさ」でこちらに来てくれる人の可能性を考えれば、3Dコンテンツ全体の発展としては良い土壌となり得るのではないでしょうか。あとはぱっとしての見てくれがいいものがあるといいかなと思うので、例えばアニメ『翠星のガルガンティア』でWebGLを用いた3Dゲームが無料で公開されていましたが、こういったコラボ企画が作れたりすると箔がつくかなと。〜キミと届けるメッセージ〜質の良いモデルを使って簡単にWebで3Dコンテンツを作る、そういった道もあるのではないかと思いました。月別アーカイブPyQのご紹介はてなブログをはじめよう!esuji5さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。