12
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

IE11(2013年10月)における WebGL 対応状況

Last updated at Posted at 2013-10-20

IE11 Preview 版における WebGL 対応状況
http://qiita.com/cx20/items/7083218cdd6d70744b94

以前(3か月ほど前)に IE11 Developer Preview 版における WebGL の対応状況について調べましたが、
9月に Release Preview 版が公開され、10月にアップデートが行われていた為、再度、WebGL の対応状況について確認してみました。

WebGL の対応状況については、以下のサイトにて行いました。

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

テストに使用したブラウザ バージョン
Windows 7 + Chrome 30 30.0.1599.101 m
Windows 7 + Firefox 24 24.0
Windows 7 + IE11 Developer Preview 11.0.9431.0
Windows 7 + IE11 Release Preview 11.0.9600.16411
項目 Chrome 30 Firefox 24 IE11 Developer Preview IE11 Release Preview
Vendor WebKit Mozilla Microsoft Microsoft
Renderer WebKit WebGL Mozilla Internet Explorer Internet Explorer
Renderer Version WebGL 1.0 WebGL 1.0 WebGL 0.9 WebGL 0.92
Shading Language Version WebGL GLSL ES 1.0 WebGL GLSL ES 1.0 WebGL GLSL ES 0.9 WebGL GLSL ES 0.92
Video Ram 0 MB 0 MB 0 MB 0 MB
OCCLUSION_QUERIES false false false false
NPOT_MIPMAPPED_TEXTURES false false false false
TEXTURE_DXT1 true true false false
TEXTURE_DXT3 true true false false
TEXTURE_DXT5 true true false false
TEXTURE_ETC1 false false false false
INDEXFORMAT_UINT true false false false
ANISOTROPY 16 16 1 16
TEXTURE_SIZE 16384 16384 16384 16384
CUBEMAP_TEXTURE_SIZE 16384 16384 16384 16384
3D_TEXTURE_SIZE 0 0 0 0
RENDERTARGET_COLOR_TEXTURES 1 1 1 1
RENDERBUFFER_SIZE 16384 16384 16384 16384
FILEFORMAT_WEBM true true false false
FILEFORMAT_MP4 true true true true
FILEFORMAT_JPG true true true true
FILEFORMAT_PNG true true true true
FILEFORMAT_DDS true true true true
FILEFORMAT_TGA true true true true
WebGL Extensions 11個 7個 - 2個
WebGL Extensions 項目 Chrome 30 Firefox 24 IE11 Developer Preview IE11 Release Preview
ANGLE_instanced_arrays
EXT_texture_filter_anisotropic ○(New)
OES_element_index_uint
OES_standard_derivatives
OES_texture_float ○(New)
OES_texture_float_linear
OES_texture_half_float
OES_texture_half_float_linear
OES_vertex_array_object
WEBGL_compressed_texture_s3tc
WEBGL_debug_renderer_info
WEBGL_debug_shaders
WEBGL_depth_texture
WEBGL_lose_context
(※ 太字は変更箇所です。「○」はベンダー接頭辞「なし」、「△」はベンダー接頭辞「あり」を表しています。)

以下は、wgld.org さんの所のサンプルでの動作確認結果です。

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

WebGL サンプル Chrome 30 Firefox 24 IE 11 Developer Preview IE 11 Release Preview
WebGL のコンテキストを取得し初期化するサンプル
三角形ポリゴンをレンダリングするサンプル
頂点色を付加してポリゴンをレンダリングするサンプル
複数モデルをレンダリングするサンプル
モデルを移動・回転・拡大縮小しながらレンダリングするサンプル
インデックスバッファ( IBO )を使ったレンダリングのサンプル
カリングと深度テストを利用したサンプル
立体モデル(トーラス)を描画するサンプル
トーラスを平行光源によるライティングで描画するサンプル
トーラスを拡散光と環境光によるライティングで描画するサンプル
トーラスを拡散光と環境光、反射光によるライティングで描画するサンプル
トーラスをフォンシェーディングで描画するサンプル
トーラスと球を点光源によるライティングで描画するサンプル
四角形ポリゴンをテクスチャを使って描画するサンプル
マルチテクスチャを使って描画するサンプル
テクスチャパラメータを変化させながら描画するサンプル
アルファブレンディングを有効にしてレンダリングするサンプル
ブレンドファクターを変化させながらレンダリングするサンプル
minMatrixb.js でクォータニオンを使うサンプル
マウス座標を取得してモデルを回転させるサンプル
クォータニオンによる球面線形補間を用いたサンプル
クォータニオンでビルボードを実装するサンプル
点や線をレンダリングするサンプル
ポイントスプライトを使ってレンダリングするサンプル
ステンシルバッファを使ってレンダリングするサンプル
ステンシルバッファでアウトラインをレンダリングするサンプル
フレームバッファを使ってテクスチャへオフスクリーンレンダリングするサンプル
ブラーフィルターによるぼかし処理を行なうサンプル × ○(New)
バンプマッピングを行なうサンプル
視差マッピングを行なうサンプル
キューブ環境マッピングによるレンダリングを行なうサンプル
キューブ環境バンプマッピングによるレンダリングを行なうサンプル
屈折マッピングによるレンダリングを行なうサンプル
動的キューブマッピングによるレンダリングを行なうサンプル
トゥーンレンダリングを行なうサンプル
射影テクスチャマッピングを行なうサンプル × ×
光学迷彩でトーラスをレンダリングするサンプル × ×
シャドウマッピングを行なうサンプル × ×
高解像度シャドウマップを行なうサンプル × ×
グレイスケール変換を行なうサンプル × ○(New)
セピア調変換を行なうサンプル × ○(New)
sobel フィルタ適用するサンプル × ○(New)
laplacian フィルタ適用するサンプル × ○(New)
gaussian フィルタ適用するサンプル × ○(New)
グレアフィルタを適用するサンプル × ○(New)
被写界深度によるレンダリングのサンプル × ○(New)
距離フォグを適用したレンダリングのサンプル × ○(New)
パーティクルフォグを適用したレンダリングのサンプル × ×
ステンシル鏡面反射を適用したレンダリングのサンプル
半球ライティングを適用したレンダリングのサンプル
リムライティングを適用したレンダリングのサンプル

IE11(2013年10月更新版)にて、フィルター系の機能が使えるようになっているようです。

IE11 を標準ブラウザとする Windows 8.1 が正式リリースされた為、IE11 への機能追加は行わないのかと思っていましたが、少しずつ、機能追加が行われているようです。

参考までに、IE11 における、WebGL API の未実装関数の一覧を作成してみました。
(一覧情報を作成するにあたって、WebGL API 仕様 と、IE11 WebGL API Method を比較をしました。)
もしかしたら、そう遠くない時期に、これらの未実装関数が実装されるのかも知れません(だとうれしいのですが。。。)

関数名 IE11 Developer Preview IE11 Release Preview
bindAttribLocation × ○(New)
blendColor × ×
bufferSubData × ○(New)
clearStencil × ×
colorMask × ○(New)
compressedTexImage2D × ×
compressedTexSubImage2D × ×
deleteBuffer × ○(New)
deleteProgram × ○(New)
deleteRenderbuffer × ○(New)
deleteShader × ○(New)
deleteTexture × ○(New)
detachShader × ○(New)
finish × ×
flush × ×
getProgramInfoLog × ○(New)
hint × ×
isBuffer × ○(New)
isContextLost × ○(New)
isFramebuffer × ○(New)
isProgram × ○(New)
isRenderbuffer × ○(New)
isShader × ○(New)
isTexture × ○(New)
lineWidth × ×
sampleCoverage × ×
stencilFunc × ×
stencilFuncSeparate × ×
stencilMask × ×
stencilMaskSeparate × ×
stencilOp × ×
stencilOpSeparate × ×
validateProgram × ○(New)
vertexAttrib1f × ×
vertexAttrib1fv × ×
vertexAttrib2f × ×
vertexAttrib2fv × ×
vertexAttrib3f × ×
vertexAttrib3fv × ×
vertexAttrib4f × ×
vertexAttrib4fv × ×

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

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

12
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?