WebGL on Internet Explorer

at Tokyo WebGL Meetup on june 13, 2014

Transcript

1. 1 WebGL on Internet Explorer Tokyo WebGL Meetup | june 13, 2014
2. 2 Hello! Frontend Engineer at PixelGrid, Inc. @yomotsu recent private works • http://yomotsu.net/blog/assets/2014-02-26-facial-animation/ • http://yomotsu.net/blog/assets/2014-02-13-chocolate4u/ • http://yomotsu.github.io/CharacterController/game.html
3. //build/ 2013 San Francisco | June 26, 2013 3
6. IE11 supports WebGL! 6
7. leading up to that 7
8. 8 IE10 did not support WebGL
 due to security concerns
9. 9 http://blogs.technet.com/b/srd/archive/2011/06/16/webgl-considered-harmful.aspx
10. 10 http://blogs.technet.com/b/srd/archive/2011/06/16/webgl-considered-harmful.aspx • Exposed hardware functionality • Heavily security servicing responsibility • Against DoS vulnerability
11. 11 http://msdn.microsoft.com/en-us/library/ie/hh869304(v=vs.85).aspx
13. 13 Although TypedArray is available
14. 14 https://vine.co/v/b9QqeAIPgua
15. IE11 15 Hachamovitch stated • WebGL on IE runs on top of DirectX • There is "time-out detection
 and recovery" • If possible to overwhelm the GPU,
 TDR will reset it TDR: http://msdn.microsoft.com/en-us/Library/Windows/Hardware/ff570088(v=vs.85).aspx
16. 16 WebGL Canvas Context GLSL Graphics API HLSL Compiler DirectX 11 Runtime GPU Driver Software rendering
17. 17 http://yomotsu.github.io/inori/
18. DEMO 18
19. 19 WebGL also works on Windows Phone
20. 20 http://www.rethinkie.com/ MS has released many WebGL contents
21. 21 http://www.rethinkie.com/
22. 22 http://photosynth.net/
23. 23 http://msdn.microsoft.com/en-us/library/ie/bg182648(v=vs.85).aspx Also documentations
24. 24 http://msdn.microsoft.com/en-us/library/ie/bg182648(v=vs.85).aspx Also documentations
25. 25 http://msdn.microsoft.com/ja-jp/library/ie/bg182648(v=vs.85).aspx they recommend to
 use
26. 26 http://msdn.microsoft.com/ja-jp/library/ie/bg182648(v=vs.85).aspx they recommend to
 use three.js
27. 27 http://threejs.org/ the most popular JS liberally for WebGL
28. 28 http://www.babylonjs.com/ Microsoft has also released JS liberally
29. apparently IE team is
 thinking seriously
 about WebGL 29
31. 31 What is the deference between 
 0.92 and 1.0?
32. 32 http://www.khronos.org/registry/webgl/conformance-suites/1.0.1/webgl-conformance-tests.html
35. 35 https://connect.microsoft.com/IE/feedback/details/795172/ie11-fails-more-than-half-tests-in-official-webgl-conformance-test-suite
36. 36 •#line •struct •gl_FrontFacing •gl_PointSize •GLSL extensions •Internal Linker Error •clearStencil •lineWidth •enable :
 SAMPLE_ALPHA_TO_COVERAGE •enable :
 SAMPLE_COVERAGE •getParameter : SAMPLES •getParameter : SUBPIXEL_BITS Features not supported under the 0.92
37. 37 • anti-aliasing • particle system (VTF) • THREE.DoubleSide for material.side • linewidth for THREE.LineBasicMaterial and some other features do not work three.js in IE11
38. Anyway! as you saw major features will work! 38
39. 39 http://msdn.microsoft.com/en-us/library/ie/dn641599(v=vs.85).aspx
40. IE11 will be updated to WebGL 0.93 will have, GLSL structs, inout, pointsize, compressed textures, stencil buffers, standard derivatives extension, Instancing extension, 16 bit textures, and more! 40
41. When you encountered errors… 41
42. 42 • WebGL for Internet Explorer
 http://msdn.microsoft.com/en-us/library/ie/dn302469(v=vs.85).aspx • GLSL errors
 http://msdn.microsoft.com/en-us/library/ie/dn611835(v=vs.85).aspx • WebGL context errors in Internet Explorer 11 Preview
 http://msdn.microsoft.com/en-us/library/ie/dn358557(v=vs.85).aspx • GLSL errors in Internet Explorer 11 Preview
 http://msdn.microsoft.com/en-us/library/ie/dn621084(v=vs.85).aspx MSDN may be helpful
43. 43 IE11 on VM may not work expected
44. 44 • Send feedback with Connect • Tweet with #AskIE Let IE team know
45. 45 https://connect.microsoft.com/IE/Feedback
46. 46 https://twitter.com/hashtag/askie
47. conclusion 47
48. • WebGL has been supported WebGL by IE11 • It is partially but most features are available • Make 3D stuff with WebGL! 48
49. 49 Thank you! @yomotsu