threejs概览

threejs术语和概念

threejs的API很长，有很多概念和术语，理解了这些概念和术语，才能更好的使用threejs。这些概念和术语都藏在API右侧的大纲中，下图简单整理了一下这些概念：

这些概念又分为四个大类（见上图，个人划分，未必准确），个人觉得，可以按这四个大类的顺序来了解threejs，下面对这个个大类进行简述。

threejs三大组件

这三大组件分别是相机（Camera）、渲染器（Renderer）和场景（Scene），这三个组件是创建3D图形的必备组件。其中：

• 场景用来容纳图形元素。场景相当于宇宙，而图形元素就是星星，图形元素只有添加到场景中，其坐标、大小等才有意义。
• 相机的作用是定义可视域，即确定哪些图形元素是可见的。
• 渲染器则负责用如何渲染出图像，是使用WegGL还是Canvas。

关于渲染器和相机，可以看【相机和渲染器】一文。

threejs基本图形元素

所谓基本图形元素，就是threejs中的图形显示，基本与这些对象相关。那么，理解了这些对象，就能知道如何在threejs中表示图形。threejs的基本图形元素都定义在Objects下，如下图：

可以打开【