webgl_detector.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. var webgl_Detector = {
  2. canvas: !! window.CanvasRenderingContext2D,
  3. webgl: ( function () { try { var canvas = document.createElement( 'canvas' ); return !! window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ); } catch( e ) { return false; } } )(),
  4. workers: !! window.Worker,
  5. fileapi: window.File && window.FileReader && window.FileList && window.Blob,
  6. getWebGLErrorMessage: function () {
  7. var element = document.createElement( 'div' );
  8. element.id = 'webgl-error-message';
  9. element.style.fontFamily = 'monospace';
  10. element.style.fontSize = '13px';
  11. element.style.fontWeight = 'normal';
  12. element.style.textAlign = 'center';
  13. element.style.background = '#fff';
  14. element.style.color = '#000';
  15. element.style.padding = '1.5em';
  16. element.style.width = '400px';
  17. element.style.margin = '5em auto 0';
  18. if ( ! this.webgl ) {
  19. element.innerHTML = window.WebGLRenderingContext ? [
  20. 'Your graphics card does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">WebGL</a>.<br />',
  21. 'Find out how to get it <a href="http://get.webgl.org/" style="color:#000">here</a>.'
  22. ].join( '\n' ) : [
  23. 'Your browser does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">WebGL</a>.<br/>',
  24. 'Find out how to get it <a href="http://get.webgl.org/" style="color:#000">here</a>.'
  25. ].join( '\n' );
  26. }
  27. return element;
  28. },
  29. addGetWebGLMessage: function ( parameters ) {
  30. var parent, id, element;
  31. parameters = parameters || {};
  32. parent = parameters.parent !== undefined ? parameters.parent : document.body;
  33. id = parameters.id !== undefined ? parameters.id : 'oldie';
  34. element = Detector.getWebGLErrorMessage();
  35. element.id = id;
  36. parent.appendChild( element );
  37. }
  38. };