快速开始

首先有一个Renderer。这可以说是three.js的主要对象。你传入了一个Scene和一个Camera到Renderer里面，然后他来渲染（画）出在相机视椎体中的3D场景，作为一个2D的图片在画布上。然后有一个场景图（Screen Graph），它是一个类似树的结构，由很多对象组成，比如一个Scene对象，多个Mesh对象，Light对象，Group，Object3D，和Camera对象。一个Scene对象定义了场景图最基本的要素，并包含背景色和雾等属性。这些对象定义了一个分层的父/子树的结构，并且展现出对象出现的地方和他们的方向。子对象的位置和方向是相对于父对象而言的。比如说汽车的轮子是汽车的子对象，这样移动和定位汽车就会自动移动轮子。注意图中Camera是一半在场景图中，一半在场景图外的。这表示在three.js中，不像其他的对象一样，一个Camera不一定要在场景图中起作用。就像其他的对象一样，一个Camera，作为一些其他对象的子对象，将会跟随他的父对象移动和朝向。

Mesh对象代表用一个特定的Material绘制一个特定的Geometry。Material对象和Geometry对象可以被多个Mesh对象使用。比如在不同的位置画两个蓝色立方体，我们会需要两个Mesh对象来代表每一个立方体的位置和方向。我们只需要一个Geometry来存放立方体的顶点数据，和一个Material来定义蓝色就可以了。两个Mesh对象都涉及到相同的Geometry对象和Material对象。Geometry对象代表一些几何体，比如说球体、立方体、平面、狗、猫、人、树、建筑等的顶点信息。Three.js提供了多种内置的基本元素 。你也可以创建自定义几何体并且从文件中加载几何体。

Material对象代表绘制几何体的表面属性，包括使用的颜色，和光亮程度。一个Material可以引用一个或多个Texture对象，这些对象可以用来，例如，将图像包裹到几何体的表面。Texture对象通常代表图片要么从图像文件中加载，在画布上形成，要么 由另一个场景渲染出。Light对象代表不同种类的光。