javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<base href="../../../" />
		<script src="page.js"></script>
		<link type="text/css" rel="stylesheet" href="page.css" />
	</head>
	<body>
		<h1>WebGL兼容性检查（[name]）</h1>
		<p>
			虽然这个问题现在已经变得越来不明显，但不可否定的是，某些设备以及浏览器直到现在仍然不支持WebGL。
			<br>以下的方法可以帮助你检测当前用户所使用的环境是否支持WebGL，如果不支持，将会向用户提示一条信息。
		</p>
		<p>
			请将[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/capabilities/WebGL.js]引入到你的文件，并在尝试开始渲染之前先运行该文件。
			导入 WebGL 兼容检测模块，并在尝试渲染任何内容之前运行以下程序。
		</p>

		<code>
			import WebGL from 'three/addons/capabilities/WebGL.js';
	
			if ( WebGL.isWebGLAvailable() ) {
	
				// Initiate function or other initializations here
				animate();
	
			} else {
	
				const warning = WebGL.getWebGLErrorMessage();
				document.getElementById( 'container' ).appendChild( warning );
	
			}
			</code>
	</body>
</html>