WebGL.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /**
  2. * @author alteredq / http://alteredqualia.com/
  3. * @author mr.doob / http://mrdoob.com/
  4. */
  5. var WEBGL = {
  6. isWebGLAvailable: function () {
  7. try {
  8. var canvas = document.createElement( 'canvas' );
  9. return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
  10. } catch ( e ) {
  11. return false;
  12. }
  13. },
  14. isWebGL2Available: function () {
  15. try {
  16. var canvas = document.createElement( 'canvas' );
  17. return !! ( window.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
  18. } catch ( e ) {
  19. return false;
  20. }
  21. },
  22. getWebGLErrorMessage: function () {
  23. return this.getErrorMessage( 1 );
  24. },
  25. getWebGL2ErrorMessage: function () {
  26. return this.getErrorMessage( 2 );
  27. },
  28. getErrorMessage: function ( version ) {
  29. var names = {
  30. 1: 'WebGL',
  31. 2: 'WebGL 2'
  32. };
  33. var contexts = {
  34. 1: window.WebGLRenderingContext,
  35. 2: window.WebGL2RenderingContext
  36. };
  37. var message = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
  38. var element = document.createElement( 'div' );
  39. element.id = 'webglmessage';
  40. element.style.fontFamily = 'monospace';
  41. element.style.fontSize = '13px';
  42. element.style.fontWeight = 'normal';
  43. element.style.textAlign = 'center';
  44. element.style.background = '#fff';
  45. element.style.color = '#000';
  46. element.style.padding = '1.5em';
  47. element.style.width = '400px';
  48. element.style.margin = '5em auto 0';
  49. if ( contexts[ version ] ) {
  50. message = message.replace( '$0', 'graphics card' );
  51. } else {
  52. message = message.replace( '$0', 'browser' );
  53. }
  54. message = message.replace( '$1', names[ version ] );
  55. element.innerHTML = message;
  56. return element;
  57. }
  58. };