three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。
WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。
曾经看到一个樱花(sakura)漫天飞舞的页面,当时看源码还不知道是 WebGL 的语法,=_=!。
three.js 暴露到全局的变量为 THREE
, 我们可以这样 THREE.REVISION
获取它的版本。正如 three.js 的源码中第一行写的那样:
var THREE = { REVISION: '69' };
THREE.ColorKeywords
定义了 147 种颜色
Object.keys(THREE.ColorKeywords).length // 147 获取预定义颜色个数
进一步直观了解颜色,可以到 http://www.qqtz.com/hao/color.htm 这里。