揭开Three.js的面纱，浅谈Three.js

最近想研究WEBGL方面的知识，然后经朋友介绍，发现一个开源的Three.js还不错，打算研究一下，所以，才有了此篇文档。

通过此篇文档，你能了解到 Three.js 是什么以及 Three.js 的一些其他基础简介。

Three.js 是什么

Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。

Three.js 是一款WebGL三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

Three.js 是一个 跨浏览器的脚本，使用 JavaScript 函数库或 API 来在网页浏览器中创建和展示动画的三维计算机图形。Three.js 使用 WebGL。源代码托管在 GitHub。

Three.js 允许使用 JavaScript 创建网页中的 GPU 加速的 3D 动画元素，而不是使用特定的浏览器插件。

Three.js 是一款 webGL 框架，由于其易用性被广泛应用。Three.js 在 WebGL 的 API 接口基础上，又进行的一层封装。

Three.js 以简单、直观的方式封装了 3D 图形编程中常用的对象。Three.js 在开发中使用了很多图形引擎的高级技巧，极大地提高了性能。

Three.js 作为 WebGL 框架中的佼佼者，由于它的易用性和扩展性，使得它能够满足大部分的开发需求，

Three.js 历史

Three.js 由 Ricardo Cabello 在 2010 四月于 GitHub 首次发布。

它的起源可以追溯到他在本世纪初演示场景的参与。

代码最初是在 ActionScript，稍后 2009 年移植到 JavaScript。

Three.js 适用范围

Three.js 在所有支持 WebGL 1.0 的浏览器皆可运行。

补充：WebGL简介

WebGL（Web 图形库）是一个 JavaScript API，可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形，而无需使用插件。

WebGL 通过引入一个与 OpenGL ES 2.0 非常一致的 API 来做到这一点，该 API 可以在 HTML5 <canvas> 元素中使用。这种一致性使 API 可以利用用户设备提供的硬件图形加速。

目前支持 WebGL 的浏览器有：Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+, Internet Explorer 11+ 和 Microsoft Edge build 10240+；然而，WebGL 一些特性也需要用户的硬件设备支持。

Three.js 官网与学习教程

Three.js 官网

英文官网 : https://threejs.org/

中文官网 : http://www.webgl3d.cn/

Three.js 学习文档

英文官网文档 : https://threejs.org/docs/index.html#manual/en/

中文官网文档 : https://threejs.org/docs/index.html#manual/zh/

webgl3d-文档 http://www.webgl3d.cn/

视频教程

参考文档

• https://www.leixue.com/ask/three-js-what-is-it