新建一个html文件

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
<script src="libs/three.js"></script>
</body>
</html>

为了验证Threejs确实启动,我们用Chrome浏览器打开上面的那个网页,浏览器里面什么都没有,这时按F12键,打开调试窗口,并在Console下输入THREE.REVISION命令,得到82,这表示现在使用的three.js文件的版本是82。这个过程的主要截图如下所示:

three.js入门2_js对象


这样,就说明Three.js确实运行起来了。实践永远出真知,现在你就来试一试吧。

题外话:THREE是一个three.js对象,可以狭隘的理解为three.js引擎的抽象。它代表着three.js引擎本身,其中包含引擎的很多常用属性和方法。例如THREE.REVISION就是代码引擎的版本。