WebGLは3Dデータを表示するための仕組みなのでレンダリングして画像を表示することを担当しますが、3Dコンテンツそのものやシェーダ（光源計算）は他に用意しなくてはなりません。そしてWebGLはローレベルAPIなので、制作のスピード感と汎用性を出すために中間的なフレームワークを作るのも大事です。スカイリンクでは勉強も兼ねて自社製WebGLライブラリーを作成して使用しています。今回は3Dコンテンツ制作をオープンソースのCGソフト「Metasequoia（メタセコイア）」で行い、複雑な形の3DCGを自前のWebGLフレームワークをつかいブラウザに3DCGを出力するデモを作成してみました。

メタセコイア　モデリング

ダウロード

WebGLバージョン

カンヴァスを見えるようにIEバージョン9.0になります。
IE9のダウンロードへ

run better with or

メタセコイアを使うと3Dソフトなので当たり前ですが、手でガリガリとメッシュのコーディングをせずにモデリングすることが出来ます。シェーダーの作成も簡単です。今回のデモにはUVマップを用意しました。この使用するシェーダーにあわせたメッシュをきちんと準備してあげることでハードウェア的に一番効率のよいプログラムを準備してあげることが出来るようになります、他にたくさんあるWebGLのライブラリーはありますが、自分の好きなシェーダーを使いつつ、ハードウェア的に高効率なアウトプットを目指すのであればGPUの使用をコントロール出来るように自分でバイトレベルのプログラミングが必要になります。

最後に、WebCLを使ってjavascriptの並列処理を行う「River Trail」などGPUのパワーを積極的に使用する技術が多くなってきました。GPUを使用したプログラミングを使用するためにはバイトレベルのコーディングをして行かないと思い通りのコンテンツを構築するのは難しいです。ただ、ここらの話を理解するとPCブラウザ、スマートフォン、タブレットなど、どのようなデバイスにもワンソースでデータをポートできたりとなかなか便利になるのではないでしょうか?