WebGL
edge
IE11

Microsoft Edge(2016年7月)における WebGL 対応状況

More than 1 year has passed since last update.


Microsoft Edge(2015年11月)における WebGL 対応状況

http://qiita.com/cx20/items/9c572f86790667c3fc8a


前回の調査からしばらく間が空きましたが、2016年7月時点における Microosft Edge の WebGL 対応状況を調べてみました。

調査した環境は Windows 10 Insider Preview Build 14390 になります。評価版である為、リリース版と異なる可能性がありますのでご注意下さい。

気になった主な変更点としては


  • WebGL のバージョンが 0.96→1.00 に変更

  • WebGL 拡張が2つほど(FP16テクスチャ)が追加された

  • Renderer が「Internet Explorer」→「Microsoft Edge」に変更

と言ったところでしょうか。

下記については、前回から大きく変更は無いようです。


  • Context Name は experimental-webgl(試験的機能)のまま

  • 使える WebGL 拡張が Chrome/Firefox に比べて少ない

  • 動画テクスチャは WebM 未対応(開発中)

  • 複雑な GLSL だとエラーになる

  • GPGPU Bird サンプルが件数が多いと動作しない

  • WebGL2 未サポート

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


■ Device Initialization - Samples - Turbulenz Engine

http://biz.turbulenz.com/sample_assets/device_initialization.canvas.release.html


OS とブラウザ
バージョン
GPU

Windows 10 IP Build 14390.0 + Chrome 51
51.0.2704.106 m
GeForce GTX 660

Windows 10 IP Build 14390.0 + Firefox 47
47.0.1
GeForce GTX 660

Windows 10 IP Build 14390.0 + IE 11
11.0.14390.0
GeForce GTX 660

Windows 10 IP Build 14390.0 + Edge 14
38.14390.0.0
GeForce GTX 660

iOS 9.3.2 + Safari
601.1
Apple A8

項目
Chrome 51
Firefox 47
IE 11
Edge 14
iOS 9.3.2

Vendor
WebKit
Mozilla
Microsoft
Microsoft
WebKit

Renderer
WebKit WebGL
Mozilla
Internet Explorer
Microsoft Edge
WebKit WebGL

Renderer Version
WebGL 1.0
WebGL 1.0
WebGL 0.94
WebGL 1.0
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
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
24個
22個
8個
12個
16個

WebGL Extensions 項目
Chrome 51
Firefox 47
IE 11
Edge 14
iOS 9.3.2

ANGLE_instanced_arrays




EXT_blend_minmax

EXT_disjoint_timer_query

EXT_color_buffer_half_float

EXT_frag_depth

EXT_shader_texture_lod

EXT_sRGB
[○]
[○]

EXT_texture_filter_anisotropic




OES_element_index_uint




OES_standard_derivatives




OES_texture_float




OES_texture_float_linear




OES_texture_half_float

○(New)

OES_texture_half_float_linear

○(New)

OES_vertex_array_object

WEBGL_color_buffer_float

WEBGL_compressed_texture_pvrtc

WEBGL_compressed_texture_etc1
[○(New)]
○(New)

WEBGL_compressed_texture_s3tc



WEBGL_debug_renderer_info


WEBGL_debug_shaders

WEBGL_depth_texture


WEBGL_draw_buffers

WEBGL_lose_context

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

以下は、three.js (r79) のサンプル(http://threejs.org/examples/ )による動作確認結果です。

なお、WebGL2 機能が有効化されていると正しく表示されないサンプル(depth texture 等)があった為、WebGL2 機能は無効化して試しています。

WebGL Example
Chrome 51
Firefox 47
IE 11
Edge 14
iOS9.3.2

animation / cloth




animation / scene




animation / skinning / blending




animation / skinning / morph




camera




camera / cinematic




camera / logarithmicdepthbuffer




clipping




clipping / advanced




decals




depth / texture


×

effects / anaglyph




effects / parallaxbarrier




effects / peppersghost




effects / stereo




exporter / obj




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




geometry / teapot




geometry / terrain




geometry / terrain / fog




geometry / terrain / raycast




geometry / text




geometry / text / earcut




geometry / text / pnltri




gpgpu / birds




×

gpgpu / water




gpgpu / protoplanet




×

gpu / particle / system




hdr




helpers




interactive / buffergeometry




interactive / cubes




interactive / cubes / gpu




interactive / instances / gpu




interactive / cubes / ortho




interactive / draggablecubes




interactive / lines




interactive / points




interactive / raycasting / points




interactive / voxelpainter




kinect


×
×
×

lensflares




lights / hemisphere




lights / physical




lights / pointlights




lights / pointlights2




lights / spotlight




lights / spotlights




lines / colors




lines / cubes




lines / dashed




lines / sphere




lines / splines




loader / 3mf


×
×
×

loader / amf


×
×
×

loader / assimp2json




loader / awd




loader / babylon




loader / bvh




loader / collada




×

loader / collada / keyframe




loader / collada / kinematics


×

loader / collada / skinning




loader / ctm




loader / ctm / materials




loader / fbx




loader / gltf




×

loader / json / blender




loader / json / claraio




loader / json / objconverter




loader / md2




loader / md2 / control




loader / mmd




loader / mmd / pose




loader / mmd / audio


×

loader / msgpack




loader / obj




loader / obj / mtl




loader / nrrd




loader / pcd




loader / pdb




loader / ply




loader / sea3d




loader / sea3d / hierarchy




loader / sea3d / keyframe




loader / sea3d / morph




loader / sea3d / skinning




loader / sea3d / sound


×

×

loader / scene


×

loader / stl




loader / utf8




loader / vrml




loader / vtk


×

lod




marchingcubes




materials




materials / blending




materials / blending / custom




materials / bumpmap




materials / bumpmap / skin




materials / cars




materials / channels




materials / cubemap




materials / cubemap / balls / reflection




materials / cubemap / balls / refraction




materials / cubemap / dynamic




materials / cubemap / dynamic2




materials / cubemap / refraction




materials / displacementmap




materials / envmaps




materials / envmaps / hdr




materials / grass




materials / lightmap




materials / nodes




materials / normalmap




materials / parallaxmap




materials / reflectivity




materials / shaders / fresnel




materials / skin




materials / standard




materials / texture / anisotropy




materials / texture / compressed




materials / texture / filters




materials / texture / hdr




materials / texture / manualmipmap




materials / texture / pvrtc
×
×
×
×

materials / texture / tga




materials / transparency




materials / variations / basic




materials / variations / lambert




materials / variations / phong




materials / variations / standard




materials / variations / physical




materials / video


×

×

materials / wireframe




mirror




mirror / nodes




modifier / simplifier


×

×

modifier / subdivision




modifier / tessellation




morphnormals




morphtargets




morphtargets / horse




morphtargets / human




multiple / canvases / circle




multiple / canvases / complex




multiple / canvases / grid




multiple / elements




multiple / elements / text




multiple / renderers




multiple / views




nearestneighbour




objects / update




octree




octree / raycasting




panorama / cube




panorama / dualfisheye




panorama / equirectangular




performance




performance / doublesided




performance / static




physics / terrain




physics / rope




physics / cloth




physics / volume




points / billboards




points / billboards / colors




points / dynamic




points / random




points / sprites




postprocessing




postprocessing / advanced




postprocessing / backgrounds




postprocessing / crossfade




postprocessing / dof




postprocessing / dof2




postprocessing / glitch




postprocessing / godrays




postprocessing / masking




postprocessing / msaa




postprocessing / msaa / unbiased




postprocessing / nodes




postprocessing / procedural




postprocessing / smaa




postprocessing / ssao




postprocessing / taa




raycast / texture




read / float / buffer




×

rtt




sandbox




shader




shader / lava




shader2




shaders / ocean




shaders / ocean2




×

shaders / sky




shaders / tonemapping




shaders / vector




shading / physical




shadowmap




shadowmap / performance




shadowmap / pointlight




shadowmap / viewer




shadowmesh




skinning / simple




sprites




terrain / dynamic




test / memory




test / memory2




tonemapping




trails




video / panorama / equirectangular


×
×
×

buffergeometry




buffergeometry / constructed / from / geometry




buffergeometry / custom / attributes / particles




buffergeometry / drawcalls




buffergeometry / instancing




buffergeometry / instancing / billboards




buffergeometry / instancing / dynamic




buffergeometry / instancing / interleaved / dynamic




buffergeometry / lines




buffergeometry / lines / indexed




buffergeometry / points




buffergeometry / points / interleaved




buffergeometry / rawshader




buffergeometry / selective / draw




buffergeometry / uint




custom / attributes




custom / attributes / lines




custom / attributes / points




custom / attributes / points2




custom / attributes / points3




raymarching / reflect


×

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