Microsoft Edge（2015年11月）における WebGL 対応状況

Microsoft Edge（2015年7月）における WebGL 対応状況
http://qiita.com/cx20/items/6c02794c3a841be5de8d

2015年11月 に Windows 10 の更新版（TH2）がリリースされたので、改めて Microsoft Edge の WebGL 対応状況を調べてみました。

主な変更点としては

• WebGL のバージョンが 0.95→0.96 に変更
• 動画テクスチャに対応（MP4 にて確認。WebM は開発中の模様）

といったところのようです。あとは、7月時点と同様のようです。

• WebGL 1.0 になっていない（WebGL 0.96）
• Context Name が experimental-webgl（試験的機能）のまま
• 使える WebGL 拡張が Chrome/Firefox に比べて少ない
• 複雑な GLSL だとエラーになる
• GPGPU Bird サンプルが件数が多いと動作しない

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

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

OS とブラウザ	バージョン	GPU
Windows 10 Build 10586.3 + Chrome 46	46.0.2490.86 m	GeForce GTX 660
Windows 10 Build 10586.3 + Firefox 42	42.0	GeForce GTX 660
Windows 10 Build 10586.3 + IE 11	11.0.10586.0	GeForce GTX 660
Windows 10 Build 10586.3 + Edge 13	25.10586.0.0	GeForce GTX 660
iOS 9.1 + Safari	601.1	Apple A8

項目	Chrome 46	Firefox 42	IE 11	Edge 13	iOS 9.1
Vendor	WebKit	Mozilla	Microsoft	Microsoft	WebKit
Renderer	WebKit WebGL	Mozilla	Internet Explorer	Internet Explorer	WebKit WebGL
Renderer Version	WebGL 1.0	WebGL 1.0	WebGL 0.94	WebGL 0.96	WebGL 1.0
Shading Language Version	WebGL GLSL ES 1.0	WebGL GLSL ES 1.0	WebGL GLSL ES 0.94	WebGL GLSL ES 0.96	WebGL GLSL ES 1.0
Video Ram	0 MB	0 MB	0 MB	0 MB	0 MB
OCCLUSION_QUERIES	false	false	false	false	false
NPOT_MIPMAPPED_TEXTURES	false	false	false	false	false
TEXTURE_DXT1	true	true	true	true	false
TEXTURE_DXT3	true	true	true	true	false
TEXTURE_DXT5	true	true	true	true	false
TEXTURE_ETC1	false	false	false	false	false
INDEXFORMAT_UINT	true	true	true	true	true
ANISOTROPY	16	16	16	16	16
TEXTURE_SIZE	16384	16384	16384	16384	4096
CUBEMAP_TEXTURE_SIZE	16384	16384	16384	16384	4096
3D_TEXTURE_SIZE	0	0	0	0	0
RENDERTARGET_COLOR_TEXTURES	8	8	1	1	1
RENDERBUFFER_SIZE	16384	16384	16384	16384	4096
FILEFORMAT_WEBM	true	true	false	false	false
FILEFORMAT_MP4	true	true	true	true	true
FILEFORMAT_JPG	true	true	true	true	true
FILEFORMAT_PNG	true	true	true	true	true
FILEFORMAT_DDS	true	true	true	true	true
FILEFORMAT_TGA	true	true	true	true	true
WebGL Extensions	23個	21個	8個	10個	15個

WebGL Extensions 項目	Chrome 46	Firefox 42	IE 11	Edge 13	iOS 9.1
ANGLE_instanced_arrays	○	○	○	○	○
EXT_blend_minmax	○	○			○(New)
EXT_color_buffer_half_float		○
EXT_frag_depth	○	○		○
EXT_shader_texture_lod	○	○			○
EXT_sRGB	[○]	[○]			○(New)
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_color_buffer_float		○
WEBGL_compressed_texture_pvrtc					△
WEBGL_compressed_texture_s3tc	○	○	○	○
WEBGL_debug_renderer_info	○		○	○
WEBGL_debug_shaders	○
WEBGL_depth_texture	○	○		○	○(New)
WEBGL_draw_buffers	[○]	[○]
WEBGL_lose_context	○	○			○

※ 「○」はベンダー接頭辞「なし」、「△」はベンダー接頭辞「あり」を表しています。また、内蔵 GPU で動作しなかったものは「[○]」としています。

以下は、three.js のサンプル(http://threejs.org/examples/ )による動作確認結果です。
なお、「r70」から増えたサンプルについては「r71～73」を追記しています。

WebGL Example	Chrome 46	Firefox 42	IE11	Edge 13	iOS9.1
animation / cloth	○	○	○	○	○
animation / scene (r73)	○	○	○	○	○
animation / skinning / blending	○	○	○	○	○
animation / skinning / morph	○	○	○	○	○
camera	○	○	○	○	○
camera / logarithmicdepthbuffer	○	○	○	○	○
decals	○	○	○	○	○
effects / anaglyph	○	○	○	○	○
effects / parallaxbarrier	○	○	○	○	○
effects / stereo	○	○	○	○	○
exporter / obj (r72)	○	○	○	○	○
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 / spline / editor (r72)	○	○	○	○	○
geometry / teapot (r72)	○	○	○	○	○
geometry / terrain	○	○	○	○	○
geometry / terrain / fog	○	○	○	○	○
geometry / terrain / raycast	○	○	○	○	○
geometry / text	○	○	○	○	○
geometry / text2	○	○	○	○	○
gpgpu / birds	○	○	△	△	×
gpu / particle / system	○	○	○	○	△
hdr	○	○	○	○	○
helpers	○	○	○	○	×
interactive / buffergeometry	○	○	○	○	○
interactive / cubes	○	○	○	○	○
interactive / cubes / gpu	○	○	○	○	○
interactive / cubes / ortho	○	○	○	○	○
interactive / draggablecubes	○	○	○	○	○
interactive / lines	○	○	○	○	○
interactive / points	○	○	○	○	○
interactive / raycasting / points	○	○	○	○	○
interactive / voxelpainter	○	○	○	○	○
kinect	○	○	×	×	×
lensflares	○	○	○	○	○
lights / hemisphere	○	○	○	○	○
lights / pointlights	○	○	○	○	○
lights / pointlights2	○	○	○	○	○
lines / colors	○	○	○	○	○
lines / cubes	○	○	○	○	○
lines / dashed	○	○	○	○	○
lines / sphere	○	○	○	○	○
lines / splines	○	○	○	○	○
loader / amf (r73)	○	○	×	×	×
loader / assimp2json	○	○	○	○	○
loader / awd	○	○	○	○	○
loader / babylon (r71)	○	○	○	○	○
loader / collada	○	○	○	○	×
loader / collada / keyframe	○	○	○	○	○
loader / collada / skinning	○	○	○	○	○
loader / collada / kinematics	○	○	×	○	○
loader / ctm	○	○	○	○	○
loader / ctm / materials	○	○	○	○	○
loader / gltf	○	○	○	○	△
loader / json / blender	○	○	○	○	○
loader / json / claraio (r72)	○	○	○	○	○
loader / json / objconverter	○	○	○	○	○
loader / md2	○	○	○	○	○
loader / md2 / control	○	○	○	○	○
loader / msgpack	○	○	○	○	△
loader / obj	○	○	○	○	○
loader / obj / mtl	○	○	○	○	△
loader / pdb	○	○	○	○	○
loader / ply	○	○	○	○	○
loader / sea3d (r72)	○	○	○	○	△
loader / sea3d / hierarchy (r72)	○	○	○	○	○
loader / sea3d / keyframe (r72)	○	○	○	○	○
loader / sea3d / morph (r72)	○	○	○	○	△
loader / sea3d / skinning (r72)	○	○	○	○	△
loader / sea3d / sound (r72)	○	○	×	○	×
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 / cubemap	○	○	○	○	○
materials / cubemap / balls / reflection	○	○	○	○	○
materials / cubemap / balls / refraction	○	○	○	○	○
materials / cubemap / dynamic	○	○	○	○	○
materials / cubemap / dynamic2	○	○	○	○	○
materials / cubemap / escher	○	○	○	○	×
materials / cubemap / refraction	○	○	○	○	○
materials / displacementmap (r72)	○	○	○	○	○
materials / envmaps	○	○	○	○	○
materials / grass	○	○	○	○	○
materials / lightmap	○	○	○	○	○
materials / normalmap	○	○	○	○	○
materials / parallaxmap	○	○	○	○	○
materials / shaders / fresnel	○	○	○	○	○
materials / skin	○	○	○	○	○
materials / texture / anisotropy	○	○	○	○	○
materials / texture / compressed	○	○	○	○	○
materials / texture / filters	○	○	△	○	○
materials / texture / hdr (r72)	○	○	○	○	○
materials / texture / manualmipmap	○	○	△	○	○
materials / texture / pvrtc	×	×	×	×	○
materials / texture / tga	○	○	○	○	○
materials / video	○	○	×	○	×
materials / wireframe	○	○	○	○	○
mirror	○	○	○	○	○
modifier / subdivision	○	○	○	○	○
modifier / tessellation	○	○	○	○	○
morphnormals	○	○	○	○	○
morphtargets	○	○	○	○	○
morphtargets / horse	○	○	○	○	○
morphtargets / human	○	○	○	○	○
multiple / canvases / circle	○	○	△	○	○
multiple / canvases / complex	○	○	○	○	○
multiple / canvases / grid	○	○	○	○	○
multiple / elements (r72)	○	○	○	○	△
multiple / renderers (r72)	○	○	○	○	×
multiple / views	○	○	○	○	○
nearestneighbour	○	○	○	○	○
objects / update (r72)	○	○	○	○	○
octree	○	○	○	○	○
octree / raycasting	○	○	○	○	○
panorama / equirectangular	○	○	○	○	○
performance	○	○	○	○	○
performance / doublesided	○	○	○	○	○
performance / static	○	○	○	○	○
points / billboards	○	○	○	○	○
points / billboards / colors	○	○	○	○	○
points / dynamic	○	○	○	○	△
points / random	○	○	○	○	○
points / sprites	○	○	○	○	○
postprocessing	○	○	○	○	○
postprocessing / advanced	○	○	○	○	○
postprocessing / crossfade	○	○	○	○	○
postprocessing / dof	○	○	○	○	○
postprocessing / dof2	○	○	○	○	○
postprocessing / glitch	○	○	○	○	○
postprocessing / godrays	○	○	○	○	○
postprocessing / ssao (r72)	○	○	○	○	○
raycast / texture (r72)	○	○	○	○	○
read / float / buffer (r73)	○	○	○	○	○
rtt	○	○	○	○	○
sandbox	○	○	○	○	○
shader	○	○	○	○	○
shader / lava	○	○	○	○	○
shader2	○	○	○	○	○
shaders / ocean	○	○	○	○	○
shaders / ocean2 (r72)	○	○	△	△	×
shaders / sky	○	○	○	○	○
shaders / tonemapping (r71)	○	○	×	○	○
shaders / vector	○	○	○	○	○
shading / physical	○	○	○	○	○
shadowmap	○	○	○	○	○
shadowmap / performance	○	○	○	○	○
shadowmap / pointlight (r73)	○	○	○	○	○
shadowmap / viewer (r71)	○	○	○	○	○
shadowmesh (r71)	○	○	○	○	○
skinning / simple (r72)	○	○	○	○	○
sprites	○	○	○	○	○
terrain / dynamic	○	○	○	○	△
test / memory	○	○	○	○	○
test / memory2	○	○	○	○	○
trails	○	○	○	○	○
video / panorama / equirectangular	○	○	×	×	×
buffergeometry	○	○	○	○	○
buffergeometry / constructed / from / geometry (r72)	○	○	○	○	○
buffergeometry / custom / attributes / particles	○	○	○	○	○
buffergeometry / drawcalls (r71)	○	○	○	○	○
webgl_buffergeometry_instancing	○	○	○	○	○
webgl_buffergeometry_instancing_billboards	○	○	○	○	○
webgl_buffergeometry_instancing_dynamic	○	○	○	○	○
webgl_buffergeometry_instancing_interleaved_dynamic	○	○	○	○	○
buffergeometry / lines	○	○	○	○	○
buffergeometry / lines / indexed	○	○	○	○	○
buffergeometry / points	○	○	○	○	○
buffergeometry / rawshader	○	○	○	○	○
buffergeometry / uint	○	○	○	○	○
custom / attributes	○	○	○	○	○
custom / attributes / lines	○	○	○	○	○
custom / attributes / particles	○	○	○	○	○
custom / attributes / particles2	○	○	○	○	○
custom / attributes / particles3	○	○	○	○	○

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

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