以下に、この数週間で見た、WebGL と Web Audio API を使ったクールなデモをいくつかご紹介します。
EVE Online の艦船ビューアは、WebGL で構築された、見栄えの良いオンライン艦船ビューア アプリです。ゲームの世界観をアートワークで表現するのに最適な方法です。
Web Audio API のサンプル ページには、この API を使用して音声処理を行う方法に関する説得力のある例がいくつかあります。WebGL City は、サンプル ページからリンクされているデモの一つです。夜の街並みを飛行するヘリコプターのデモです。ヘリコプター([m] を押すと音楽が無効になり、[n] を押すとヘリコプターの音声が有効になります)では、Web Audio API の空間オーディオ機能を使用して、ヘリコプターの音声をスピーカー間でパンします。
ある起業家は、GLSL Sandbox で WebGL フラグメント シェーダーのみを使用してスネークゲームを実装しました。驚いています。
Big Bang は他の WebGL パーティクル アニメーションと見た目は同じですが、パーティクル シミュレーションは実際には GPU で実行されます。シミュレーターは、テクスチャから以前の粒子位置を読み取り、新しい粒子位置を FBO テクスチャに書き込むフラグメント シェーダーです。
Blocky Earth は、Google Earth データを Minecraft に移行します。高さの違いを明確に伝えることができます。たとえば、オーストラリアと南極の氷床を見ると、大陸の氷が数キロメートルの厚さであることがわかります。
Midem Music Machine は、Mr.doob と Paul Lamere による楽しい音楽デモです。ボールがビットやボップにぶつかって音を出す、ボール駆動のミュージック ボックスのようなものです。CreativeJS には優れた記事があります。ぜひご覧ください。
コンピュータ音楽の可視化というテーマに沿って、最近、バイトビートに関するこのページを見つけました。これは、ミニマルなコード式によって生成される音楽の一種です。このページには、音楽のクールな WebGL ビジュアリゼーションへのリンクが掲載されています。Gregg Tavares はこのアイデアをもとに、ブラウザから直接独自のバイトビート チューンを作成して共有できるバイトビート サンドボックスを構築しました。