Home Explore Help
Sign In
javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Merge pull request #10427 from looeee/manual/Movepage/detecting_WebGL

Moved page Detecting WebGL and browser compatibility from Wiki to manual
Mr.doob 8 years ago
parent
003f120a01 8ef5dfa9fc
commit
2b00c93098
2 changed files with 33 additions and 0 deletions
Split View Show Diff Stats
  1. 1 0
      docs/list.js
  2. 32 0
      docs/manual/introduction/Detecting-WebGL-and-browser-compatibility.html

+ 1 - 0
docs/list.js
View File 

@@ -3,6 +3,7 @@ var list = {
 
 	"Manual": {
 
 		"Introduction": [
 
 			[ "Creating a scene", "manual/introduction/Creating-a-scene" ],
 
+			[ "Detecting WebGL and browser compatibility", "manual/introduction/Detecting-WebGL-and-browser-compatibility" ],
 
 			[ "Matrix transformations", "manual/introduction/Matrix-transformations" ],
 
 			[ "Useful links", "manual/introduction/Useful-links" ],
 
 			[ "Drawing Lines", "manual/introduction/Drawing-lines" ],

+ 32 - 0
docs/manual/introduction/Detecting-WebGL-and-browser-compatibility.html
View File 

@@ -0,0 +1,32 @@
 
+<!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>