Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebGL on Internet Explorer

3c557c6103a4addc52f7b76ffd0a0f27?s=47 yomotsu
June 13, 2014

WebGL on Internet Explorer

at Tokyo WebGL Meetup on june 13, 2014

3c557c6103a4addc52f7b76ffd0a0f27?s=128

yomotsu

June 13, 2014
Tweet

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

  4. 4

  5. 5

  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

  12. 12

  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

  30. 30

  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

  33. 33

  34. 34

  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