1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <base href="../../" />
- <script src="list.js"></script>
- <script src="page.js"></script>
- <link type="text/css" rel="stylesheet" href="page.css" />
- </head>
- <body>
- <h1>[name]</h1><br />
- <p>
- Even those this is becming less and less of a problem, some devices or browsers may not support WebGL.
- Here is how to check if it is supported and display a warning to the user if it is not.
- </p>
- <h2>A solution</h2>
- <p>In order to detect webgl compatibility and gracefully inform the user you can add <a href="https://github.com/mrdoob/three.js/blob/master/examples/js/Detector.js">https://github.com/mrdoob/three.js/blob/master/examples/js/Detector.js</a> to your javascript and use this example to avoid even attempting to render anything:</p>
- <pre><code>if (Detector.webgl) {
- init();
- animate();
- } else {
- var warning = Detector.getWebGLErrorMessage();
- document.getElementById('container').appendChild(warning);
- }
- </code></pre>
- </body>
- </html>
|