IE11(2014年4月更新版)における WebGL 対応状況
http://qiita.com/cx20/items/fce18d859b815cdc6cd1
半年ほど前に IE11 版における WebGL の対応状況について調べましたが、
2014年の振り返りとして、再度、確認してみました。
中でも8月に公開された WebGL 更新プログラム(KB2976627)によりレンダラーの更新およびパフォーマンス向上が図られているようです。
また、iPhone6 を入手したのに伴い、iOS8 の WebGL 対応状況も合わせて調べてみました。
WebGL の対応状況については、以下のサイトにて確認を行いました。
■ Device Initialization - Samples - Turbulenz Engine
http://biz.turbulenz.com/sample_assets/device_initialization.canvas.release.html
テストに使用したブラウザ | バージョン |
---|---|
Windows 8.1 + Chrome 39 | 39.0.2171.95 m |
Windows 8.1 + Firefox 34 | 34.0.5 |
Windows 8.1 + IE 11.0.15 | 11.0.9600.17498 |
iOS 8.1.2 + Safari | 600.1.4 |
項目 | Chrome 39 | Firefox 34 | IE 11.0.15 | iOS 8.1.2 |
---|---|---|---|---|
Vendor | WebKit | Mozilla | Microsoft | WebKit |
Renderer | WebKit WebGL | Mozilla | Internet Explorer | WebKit WebGL |
Renderer Version | WebGL 1.0 | WebGL 1.0 | WebGL 0.94 | WebGL 1.0 |
Shading Language Version | WebGL GLSL ES 1.0 | WebGL GLSL ES 1.0 | WebGL GLSL ES 0.94 | WebGL GLSL ES 1.0 |
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 | true | false |
TEXTURE_DXT3 | true | true | true | false |
TEXTURE_DXT5 | true | true | true | false |
TEXTURE_ETC1 | false | false | false | false |
INDEXFORMAT_UINT | true | false | false | false |
ANISOTROPY | 16 | 16 | 16 | 16 |
TEXTURE_SIZE | 16384 | 16384 | 16384 | 4096 |
CUBEMAP_TEXTURE_SIZE | 16384 | 16384 | 16384 | 4096 |
3D_TEXTURE_SIZE | 0 | 0 | 0 | 0 |
RENDERTARGET_COLOR_TEXTURES | 1 | 1 | 1 | 1 |
RENDERBUFFER_SIZE | 16384 | 16384 | 16384 | 4096 |
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 | 17個 | 11個 | 7個 | 12個 |
|WebGL Extensions 項目|Chrome 39|Firefox 34|IE 11.0.15|iOS 8.1.2|
|:-----------|:-------:|:---------:|:---------:|:---------:|:---------:|
|ANGLE_instanced_arrays |○|○|○|○|
|EXT_blend_minmax |○| | | |
|EXT_frag_depth |○|○| | |
|EXT_shader_texture_lod |○|○| |○|
|EXT_texture_filter_anisotropic |○|○|○|△|
|OES_element_index_uint |○|○|○|○|
|OES_standard_derivatives |○|○|○|○|
|OES_texture_float |○|○|○|○|
|OES_texture_float_linear |○|○|○|○|
|OES_texture_half_float |○| | |○|
|OES_texture_half_float_linear |○| | |○|
|OES_vertex_array_object |○| | |○|
|WEBGL_compressed_texture_pvrtc | | | |△|
|WEBGL_compressed_texture_s3tc |○|○|○| |
|WEBGL_debug_renderer_info |○| | | |
|WEBGL_debug_shaders |○| | | |
|WEBGL_depth_texture |○|○| | |
|WEBGL_lose_context |○|○| |○|
※ 「○」はベンダー接頭辞「なし」、「△」はベンダー接頭辞「あり」を表しています。
以下は、three.js のサンプル(http://threejs.org/examples/ )による動作確認結果です。
※ 「○」は正常動作。「△」一部表示乱れあり。「×」表示されない又はエラー等が発生する。
「×」印のものについては、場合によっては、ブラウザのクラッシュや OS の再起動が伴うものがありますので、ご注意下さい。