IE11 Preview 版における WebGL 対応状況

IE11 より WebGL がサポートされたとの話を聞いて、少し調べてみました。
簡単なサンプルが動作するようですが、まだ、動作しないサンプルが多いようです。

> ■ WebGL on IE11: welcomed but unfinished
> http://news.turbulenz.com/post/54340340417/webgl-on-ie11-welcomed-but-unfinished

以下のサイトにて、WebGL Device の情報を表示するスクリプトがあった為、
各ブラウザにて試してみました。

> ■ Device Initialization - Samples - Turbulenz Engine
> http://biz.turbulenz.com/sample_assets/device_initialization.canvas.release.html

|テストに使用したブラウザ|バージョン|
|:------------|:--------:|
|Chrome 28|28.0.1500.72 m|
|Firefox 22|22.0|
|IE11 Developer Preview|11.0.9431.0|

|項目        |Chrome 28|Firefox 22|IE11 Preview|
|:-----------|:-------:|:---------:|:---------:|
|Vendor|WebKit|Mozilla|Microsoft|
|Renderer|WebKit WebGL|Mozilla|Internet Explorer|
|Renderer Version|WebGL 1.0 (OpenGL ES 2.0 Chromium)|WebGL 1.0|WebGL 0.9|
|Shading Language Version|WebGL GLSL ES 1.0 (OpenGL ES GLSL ES 1.0 Chromium)|WebGL GLSL ES 1.0|WebGL GLSL ES 0.9|
|Video Ram|0 MB|0 MB|0 MB|
|OCCLUSION_QUERIES|false|false|false|
|NPOT_MIPMAPPED_TEXTURES|false|false|false|
|TEXTURE_DXT1|true|true|false|
|TEXTURE_DXT3|true|true|false|
|TEXTURE_DXT5|true|true|false|
|TEXTURE_ETC1|false|false|false|
|INDEXFORMAT_UINT|true|false|false|
|ANISOTROPY|16|16|1|
|TEXTURE_SIZE|16384|16384|16384|
|CUBEMAP_TEXTURE_SIZE|16384|16384|16384|
|3D_TEXTURE_SIZE|0|0|0|
|RENDERTARGET_COLOR_TEXTURES|1|1|1|
|RENDERBUFFER_SIZE|16384|16384|16384|
|FILEFORMAT_WEBM|true|true|false|
|FILEFORMAT_MP4|true|true|true|
|FILEFORMAT_JPG|true|true|true|
|FILEFORMAT_PNG|true|true|true|
|FILEFORMAT_DDS|true|true|true|
|FILEFORMAT_TGA|true|true|true|
|WebGL Extensions|8個|5個|-|

|WebGL Extensions 項目|Chrome 28|Firefox 22|IE11 Preview|
|:-----------|:-------:|:---------:|:---------:|
|EXT_texture_filter_anisotropic|△|○|  |
|OES_element_index_uint        |○|  |  |
|OES_standard_derivatives      |○|○|  |
|OES_texture_float             |○|○|  |
|OES_texture_half_float        |  |  |  |
|OES_vertex_array_object       |○|  |  |
|WEBGL_compressed_texture_s3tc |△|○|  |
|WEBGL_debug_renderer_info     |  |  |  |
|WEBGL_debug_shaders           |  |  |  |
|WEBGL_depth_texture           |△|  |  |
|WEBGL_lose_context            |○|○|  |
（※ 「○」はベンダー接頭辞なし、「△」はベンダー接頭辞付きを表しています。）
どうやら、IE11 Developer Preview は WebGL の実装レベルが 1.0 未満と、他のブラウザ低く、拡張機能（OES_standard_derivatives など）もサポートしていないようです。

試しに、wgld.org さんの所のサンプルでも動作確認をしてみました。

> ■ WebGL 開発支援サイト wgld.org
> http://wgld.org/

|WebGL サンプル|Chrome 28|Firefox 22|IE 11 Preview|
|:-------|:-------:|:--------:|:-----------:|
|[WebGL のコンテキストを取得し初期化するサンプル](http://wgld.org/s/sample_001/ )|○|○|○|
|[三角形ポリゴンをレンダリングするサンプル](http://wgld.org/s/sample_002/ )|○|○|○|
|[頂点色を付加してポリゴンをレンダリングするサンプル](http://wgld.org/s/sample_003/ )|○|○|○|
|[複数モデルをレンダリングするサンプル](http://wgld.org/s/sample_004/ )|○|○|○|
|[モデルを移動・回転・拡大縮小しながらレンダリングするサンプル](http://wgld.org/s/sample_005/ )|○|○|○|
|[インデックスバッファ（IBO）を使ったレンダリングのサンプル](http://wgld.org/s/sample_006/ )|○|○|○|
|[カリングと深度テストを利用したサンプル](http://wgld.org/s/sample_007/ )|○|○|○|
|[立体モデル（トーラス）を描画するサンプル](http://wgld.org/s/sample_008/ )|○|○|○|
|[トーラスを平行光源によるライティングで描画するサンプル](http://wgld.org/s/sample_009/ )|○|○|○|
|[トーラスを拡散光と環境光によるライティングで描画するサンプル](http://wgld.org/s/sample_010/ )|○|○|○|
|[トーラスを拡散光と環境光、反射光によるライティングで描画するサンプル](http://wgld.org/s/sample_011/ )|○|○|○|
|[トーラスをフォンシェーディングで描画するサンプル](http://wgld.org/s/sample_012/ )|○|○|○|
|[トーラスと球を点光源によるライティングで描画するサンプル](http://wgld.org/s/sample_013/ )|○|○|○|
|[四角形ポリゴンをテクスチャを使って描画するサンプル](http://wgld.org/s/sample_014/ )|○|○|○|
|[マルチテクスチャを使って描画するサンプル](http://wgld.org/s/sample_015/ )|○|○|○|
|[テクスチャパラメータを変化させながら描画するサンプル](http://wgld.org/s/sample_016/ )|○|○|○|
|[アルファブレンディングを有効にしてレンダリングするサンプル](http://wgld.org/s/sample_017/ )|○|○|○|
|[ブレンドファクターを変化させながらレンダリングするサンプル](http://wgld.org/s/sample_018/ )|○|○|○|
|[minMatrixb.js でクォータニオンを使うサンプル](http://wgld.org/s/sample_019/ )|○|○|○|
|[マウス座標を取得してモデルを回転させるサンプル](http://wgld.org/s/sample_020/ )|○|○|○|
|[クォータニオンによる球面線形補間を用いたサンプル](http://wgld.org/s/sample_021/ )|○|○|○|
|[クォータニオンでビルボードを実装するサンプル](http://wgld.org/s/sample_022/ )|○|○|○|
|[点や線をレンダリングするサンプル](http://wgld.org/s/sample_023/ )|○|○|○|
|[ポイントスプライトを使ってレンダリングするサンプル](http://wgld.org/s/sample_024/ )|○|○|○|
|[ステンシルバッファを使ってレンダリングするサンプル](http://wgld.org/s/sample_025/ )|○|○|○|
|[ステンシルバッファでアウトラインをレンダリングするサンプル](http://wgld.org/s/sample_026/ )|○|○|○|
|[フレームバッファを使ってテクスチャへオフスクリーンレンダリングするサンプル](http://wgld.org/s/sample_027/ )|○|○|○|
|[ブラーフィルターによるぼかし処理を行なうサンプル](http://wgld.org/s/sample_028/ )|○|○|×|
|[バンプマッピングを行なうサンプル](http://wgld.org/s/sample_029/ )|○|○|○|
|[視差マッピングを行なうサンプル](http://wgld.org/s/sample_030/ )|○|○|○|
|[キューブ環境マッピングによるレンダリングを行なうサンプル](http://wgld.org/s/sample_031/ )|○|○|○|
|[キューブ環境バンプマッピングによるレンダリングを行なうサンプル](http://wgld.org/s/sample_032/ )|○|○|○|
|[屈折マッピングによるレンダリングを行なうサンプル](http://wgld.org/s/sample_033/ )|○|○|○|
|[動的キューブマッピングによるレンダリングを行なうサンプル](http://wgld.org/s/sample_034/ )|○|○|○|
|[トゥーンレンダリングを行なうサンプル](http://wgld.org/s/sample_035/ )|○|○|○|
|[射影テクスチャマッピングを行なうサンプル](http://wgld.org/s/sample_036/ )|○|○|×|
|[光学迷彩でトーラスをレンダリングするサンプル](http://wgld.org/s/sample_037/ )|○|○|×|
|[シャドウマッピングを行なうサンプル](http://wgld.org/s/sample_038/ )|○|○|×|
|[高解像度シャドウマップを行なうサンプル](http://wgld.org/s/sample_039/ )|○|○|×|
|[グレイスケール変換を行なうサンプル](http://wgld.org/s/sample_040/ )|○|○|×|
|[セピア調変換を行なうサンプル](http://wgld.org/s/sample_041/ )|○|○|×|
|[sobel フィルタ適用するサンプル](http://wgld.org/s/sample_042/ )|○|○|×|
|[laplacian フィルタ適用するサンプル](http://wgld.org/s/sample_043/ )|○|○|×|
|[gaussian フィルタ適用するサンプル](http://wgld.org/s/sample_044/ )|○|○|×|
|[グレアフィルタを適用するサンプル](http://wgld.org/s/sample_045/ )|○|○|×|
|[被写界深度によるレンダリングのサンプル](http://wgld.org/s/sample_046/ )|○|○|×|
|[距離フォグを適用したレンダリングのサンプル](http://wgld.org/s/sample_047/ )|○|○|×|
|[パーティクルフォグを適用したレンダリングのサンプル](http://wgld.org/s/sample_050/ )|○|○|×|
|[ステンシル鏡面反射を適用したレンダリングのサンプル](http://wgld.org/s/sample_051/ )|○|○|○|
|[半球ライティングを適用したレンダリングのサンプル](http://wgld.org/s/sample_052/ )|○|○|○|
|[リムライティングを適用したレンダリングのサンプル](http://wgld.org/s/sample_053/ )|○|○|○|

後半の方のサンプルで動かないものが、チョイチョイあるようです(^^A

まぁ、Developer Preview 版が出たばかりなので、これからの実装に期待したい所です。

なお、IE11 Developer Preview は以下のサイトよりダウンロード可能となっています。
（Windows 7/Windows Server 2008 R2 にて利用可能です。） 

> ■ Internet Explorer 11 Developer Preview のダウンロード - Microsoft Windows
> http://windows.microsoft.com/ja-jp/internet-explorer/ie-11-worldwide-languages