8
8

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.

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

8
Posted at

IE11(2015年5月)における WebGL 対応状況
http://qiita.com/cx20/items/830fbea8335d5a24133a

2カ月ほど前に IE11 版における WebGL の対応状況について調べましたが、
2015年7月29日に Windows 10 がリリースされたことを記念して、改めて Microsoft Edge の WebGL 対応状況を調べてみました。

概ね良好ですが、以下の課題が残っているようです。

  • WebGL 1.0 になっていない(WebGL 0.95 のまま)
  • Context Name が experimental-webgl(試験的機能)のまま
  • 使える拡張が Chrome/Firefox に比べて少ない
  • 動画テクスチャに対応していない
  • 複雑な GLSL だとエラーになる
  • GPGPU Bird サンプルが件数が多いと動作しない

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

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

テストに使用したブラウザ バージョン
Windows 10 Build 10240 + Chrome 43 44.0.2403.125 m
Windows 10 Build 10240 + Firefox 38 39.0
Windows 10 Build 10240 + IE 11 11.0.10240.16384
Windows 10 Build 10240 + Edge 20.10240.16384.00
iOS 8.4 + Safari 600.1.4
項目 Chrome 44 Firefox 39 IE 11 Edge iOS 8.4
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.95 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.95 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個 13個
WebGL Extensions 項目 Chrome 44 Firefox 39 IE 11 Edge iOS 8.4
ANGLE_instanced_arrays ○ ○ ○ ○ ○
EXT_blend_minmax ○ ○
EXT_color_buffer_half_float ○(New)
EXT_frag_depth ○ ○ ○(New)
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 ○ ○ ○
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 ○ ○ ○

※ 「○」はベンダー接頭辞「なし」、「△」はベンダー接頭辞「あり」を表しています。

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

WebGL Example Chrome 44 Firefox 39 IE11 Edge iOS8.4
animation / cloth ○ ○ ○ ○ ○
animation / skinning / blending ○ ○ ○ ○ ○
animation / skinning / morph ○ ○ ○ ○ ○
buffergeometry ○ ○ ○ ○ ○
buffergeometry / custom / attributes / particles ○ ○ ○ ○ ○
buffergeometry / lines ○ ○ ○ ○ ○
buffergeometry / lines / indexed ○ ○ ○ ○ ○
buffergeometry / particles ○ ○ ○ ○ ○
buffergeometry / drawcalls (r71) ○ ○ ○ ○ ○
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 / parallaxbarrier ○ ○ ○ ○ ○
effects / stereo ○ ○ ○ ○ ○
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 / terrain ○ ○ ○ ○ ○
geometry / terrain / fog ○ ○ ○ ○ ○
geometry / terrain / raycast ○ ○ ○ ○ ○
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 / 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 / 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 / envmaps ○ ○ ○ ○ ○
materials / grass ○ ○ ○ ○ ○
materials / lightmap ○ ○ ○ ○ ○
materials / normalmap ○ ○ ○ ○ ○
materials / normaldisplacementmap ○ ○ ○ ○ ○
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 ○ ○ ○ ○ ○
modifier / subdivision ○ ○ ○ ○ ○
modifier / tessellation ○ ○ ○ ○ ○
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 / tonemapping (r71) ○ ○ × ○ ○
shaders / vector ○ ○ ○ ○ ○
shadowmap ○ ○ ○ ○ ○
shadowmap / performance ○ ○ ○ ○ ○
shadowmap / viewer (r71) ○ ○ ○ ○ ○
shadowmesh (r71) ○ ○ ○ ○ ○
sprites ○ ○ ○ ○ ○
terrain / dynamic ○ ○ ○ ○ △
test / memory ○ ○ ○ ○ ○
test / memory2 ○ ○ ○ ○ ○
trails ○ ○ ○ ○ ○
video / panorama / equirectangular ○ ○ × × ×

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

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

8
8
1

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?