7
7

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(2014年12月)における WebGL 対応状況

7
Last updated at Posted at 2014-12-23

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/ )による動作確認結果です。

WebGL Example Chrome 39 Firefox 34 IE11.0.15 iOS8.1.2
animation / cloth ○ ○ ○ ○
animation / skinning / blending ○ ○ ○ ○
animation / skinning / morph ○ ○ ○ ○
buffergeometry ○ ○ ○ ○
buffergeometry / custom / attributes / particles ○ ○ ○ ○
buffergeometry / lines ○ ○ ○ ○
buffergeometry / lines / indexed ○ ○ ○ ○
buffergeometry / particles ○ ○ ○ ○
buffergeometry / rawshader ○ ○ ○ ○
buffergeometry / uint ○ ○ ○ ○
camera ○ ○ ○ ○
camera / logarithmicdepthbuffer ○ ○ ○ ○
custom / attributes ○ ○ ○ ○
custom / attributes / lines ○ ○ ○ ○
custom / attributes / particles ○ ○ ○ ○
custom / attributes / particles2 ○ ○ ○ ○
custom / attributes / particles3 ○ ○ ○ ○
decals ○ ○ ○ ○
effects / anaglyph ○ ○ ○ ○
effects / oculusrift ○ ○ ○ ○
effects / parallaxbarrier ○ ○ ○ ○
effects / stereo ○ ○ ○ ○
effects / vr ○ ○ ○ ○
geometries ○ ○ ○ ○
geometries2 ○ ○ ○ ○
geometry / colors ○ ○ ○ ○
geometry / colors / blender ○ ○ ○ ○
geometry / colors / lookuptable ○ ○ ○ ○
geometry / convex ○ ○ ○ ○
geometry / cube ○ ○ ○ ○
geometry / dynamic ○ ○ ○ ○
geometry / extrude / shapes ○ ○ ○ ○
geometry / extrude / shapes2 ○ ○ ○ ○
geometry / extrude / splines ○ ○ ○ ○
geometry / hierarchy ○ ○ ○ ○
geometry / hierarchy2 ○ ○ ○ ○
geometry / large / mesh ○ ○ ○ ○
geometry / minecraft ○ ○ ○ ○
geometry / minecraft / ao ○ ○ ○ ○
geometry / normals ○ ○ ○ ○
geometry / nurbs ○ ○ ○ ○
geometry / shapes ○ ○ ○ ○
geometry / subdivision ○ ○ ○ ○
geometry / terrain ○ ○ ○ ○
geometry / terrain / fog ○ ○ ○ △
geometry / terrain / raycast ○ ○ ○ ○
geometry / tessellation ○ ○ ○ ○
geometry / text ○ ○ ○ ○
geometry / text2 ○ ○ ○ ○
gpgpu / birds ○ ○ △ ×
hdr ○ ○ ○ ○
helpers ○ ○ ○ ×
interactive / buffergeometry ○ ○ ○ ○
interactive / cubes ○ ○ ○ ○
interactive / cubes / gpu ○ ○ ○ ○
interactive / cubes / ortho ○ ○ ○ ○
interactive / draggablecubes ○ ○ ○ ○
interactive / lines ○ ○ ○ ○
interactive / particles ○ ○ ○ ○
interactive / raycasting / pointcloud ○ ○ ○ ○
interactive / voxelpainter ○ ○ ○ ○
kinect ○ ○ × ×
lensflares ○ ○ ○ ○
lights / hemisphere ○ ○ ○ ○
lights / pointlights ○ ○ ○ ○
lights / pointlights2 ○ ○ ○ ○
lines / colors ○ ○ ○ ○
lines / cubes ○ ○ ○ ○
lines / dashed ○ ○ ○ ○
lines / sphere ○ ○ ○ ○
lines / splines ○ ○ ○ ○
loader / assimp2json ○ ○ ○ ○
loader / awd ○ ○ ○ ○
loader / collada ○ ○ ○ ×
loader / collada / keyframe ○ ○ ○ ○
loader / collada / skinning ○ ○ ○ ○
loader / collada / kinematics ○ ○ × ○
loader / ctm ○ ○ ○ ○
loader / ctm / materials ○ ○ ○ ○
loader / gltf ○ ○ ○ △
loader / json / blender ○ ○ ○ ○
loader / json / objconverter ○ ○ ○ ○
loader / msgpack ○ ○ ○ △
loader / obj ○ ○ ○ ×
loader / obj / mtl ○ ○ ○ △
loader / pdb ○ ○ ○ ○
loader / ply ○ ○ ○ ○
loader / scene ○ ○ ○ ○
loader / stl ○ ○ ○ ○
loader / utf8 ○ ○ ○ ○
loader / vrml ○ ○ ○ ○
loader / vtk ○ ○ ○ ○
lod ○ ○ ○ ○
marchingcubes ○ ○ ○ ○
materials ○ ○ ○ ○
materials2 ○ ○ ○ ○
materials / blending ○ ○ ○ ○
materials / blending / custom ○ ○ ○ ○
materials / bumpmap ○ ○ ○ ○
materials / bumpmap / skin ○ ○ ○ ○
materials / cars ○ ○ ○ ○
materials / cars / camaro ○ ○ ○ ○
materials / cubemap ○ ○ ○ ○
materials / cubemap / balls / reflection ○ ○ ○ ○
materials / cubemap / balls / refraction ○ ○ ○ ○
materials / cubemap / dynamic ○ ○ ○ ○
materials / cubemap / dynamic2 ○ ○ ○ ○
materials / cubemap / escher ○ ○ ○ ×
materials / cubemap / refraction ○ ○ ○ ○
materials / grass ○ ○ ○ ○
materials / lightmap ○ ○ ○ ○
materials / normalmap ○ ○ ○ ○
materials / normalmap2 ○ ○ ○ ×
materials / parallaxmap ○ ○ × ○
materials / shaders / fresnel ○ ○ ○ ○
materials / skin ○ ○ ○ ○
materials / texture / anisotropy ○ ○ ○ ○
materials / texture / compressed ○ ○ ○ ○
materials / texture / filters ○ ○ △ ○
materials / texture / manualmipmap ○ ○ △ ○
materials / texture / pvrtc × × × ○
materials / texture / tga ○ ○ ○ ○
materials / video ○ ○ × ×
materials / wireframe ○ ○ ○ ○
mirror ○ ○ ○ ○
morphnormals ○ ○ ○ ○
morphtargets ○ ○ ○ ○
morphtargets / horse ○ ○ ○ ○
morphtargets / human ○ ○ ○ ○
morphtargets / md2 ○ ○ ○ ○
morphtargets / md2 / control ○ ○ ○ ○
multiple / canvases / circle ○ ○ △ ○
multiple / canvases / complex ○ ○ ○ ○
multiple / canvases / grid ○ ○ ○ ○
multiple / views ○ ○ ○ ○
nearestneighbour ○ ○ ○ ○
octree ○ ○ ○ ○
octree / raycasting ○ ○ ○ ○
panorama / equirectangular ○ ○ ○ ○
particles / billboards ○ ○ ○ ○
particles / billboards / colors ○ ○ ○ ○
particles / dynamic ○ ○ ○ ×
particles / random ○ ○ ○ ○
particles / shapes ○ ○ ○ ○
particles / sprites ○ ○ ○ ○
performance ○ ○ ○ ○
performance / doublesided ○ ○ ○ ○
performance / static ○ ○ ○ ○
postprocessing ○ ○ ○ ○
postprocessing / advanced ○ ○ ○ ×
postprocessing / dof ○ ○ ○ ○
postprocessing / dof2 ○ ○ ○ ○
postprocessing / godrays ○ ○ ○ ○
postprocessing / crossfade ○ ○ ○ ○
postprocessing / glitch ○ ○ ○ ○
rtt ○ ○ ○ ○
sandbox ○ ○ ○ ○
shader ○ ○ ○ ○
shader / lava ○ ○ ○ ○
shader2 ○ ○ ○ ○
shaders / ocean ○ ○ ○ ×
shading / physical ○ ○ ○ ○
shaders / sky ○ ○ ○ ○
shaders / vector ○ ○ ○ ○
shadowmap ○ ○ ○ ○
shadowmap / performance ○ ○ ○ ○
sprites ○ ○ ○ ○
terrain / dynamic ○ ○ ○ ×
test / memory ○ ○ ○ ○
test / memory2 ○ ○ ○ ○
trails ○ ○ ○ ○
video / panorama / equirectangular ○ ○ × ×

※ 「○」は正常動作。「△」一部表示乱れあり。「×」表示されない又はエラー等が発生する。

「×」印のものについては、場合によっては、ブラウザのクラッシュや OS の再起動が伴うものがありますので、ご注意下さい。

7
7
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
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?