THREE.js概述

THREE.js简介

---

THREE.js可以这么理解three+js，three代表3维世界，js即javascript,这是一个让我们可以在浏览器中绘制3D效果的javascript库，通过webgl为html5 canvas提供硬件3D
加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。

我们的世界是一个三维的世界，而电脑屏幕是一个二维的平面，要想把三维的世界映射到二维的平面我们可以想象一个照相这个行为。
通过相机的镜头，我们把三维的世界转换为二维的相片在屏幕上面显示。

THREE.js中有三个主要的概念，相机（Camera）、场景（Scene）、Renderer（渲染器），官方的文档里面是这么解释三者关系的

To actually be able to display anything with Three.js, we need three things: A scene, a camera, and a renderer so we can render the scene with the camera.

翻译过来大概就是用相机渲染出场景。

什么是WebGL

上文提到了WebGL，那么什么是WebGL?
WebGL是一种3d绘制标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，
通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。直白一点WebGL是一种关于浏览器的标准，
当浏览器实现了这些标准之后，我们可以通过js操作浏览实现硬件加速，得到更好的3d渲染效果。
那么THREE.js对WebGL进行了一层封装，让我们可以在不熟悉WebGL的基础上也能够进行3d图形的绘制。