LoginSignup
6
6

More than 5 years have passed since last update.

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

Last updated at Posted at 2015-11-14

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 の再起動が伴うものがありますので、ご注意下さい。

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