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 対応状況

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?