浅析如何创建一个Three.js实例

第一个 3D 案例

之前介绍了three.js开发前准备：详见Three.js应用场景以及开发前准备工作

下面就介绍如何利用three.js开发一个实例。

入门 Three.js 的第一步，就是认识

场景 Scene、

相机 Camera、

渲染器 Renderer

三个基本概念。

场景 Scene

场景能够让 在什么地方、摆放什么东西来交给 three.js 来渲染 ，这是 放置物体、灯光和摄像机的地方。

构造器

Scene()

创建一个新的场景对象。

属性

.background : Object 若不为空，在渲染场景的时候将设置背景，且背景总是首先被渲染的。 可以设置一个用于的“clear”的 Color（颜色） 、一个覆盖 canvas 的 Texture（纹理） ， 或是 a cubemap as a CubeTexture or an equirectangular as a Texture。 默认值为 null。

.backgroundBlurriness(.Background 模糊度) : Float 设置背景的模糊度。仅影响分配给 Scene.background 的环境贴图。有效输入是介于 0 和 1 之间的浮点值。 默认值为 0。

.environment : Texture 若该值不为 null，则该纹理贴图将会被设为场景中所有物理材质的环境贴图。 然而，该属性不能够覆盖已存在的、已分配给 MeshStandardMaterial.envMap 的贴图。 默认为 null。

.fog : Fog 一个 fog 实例定义了影响场景中的每个物体的雾的类型。 默认值为 null。

.isScene : Boolean 只读标志，用于检查给定对象是否属于“场景”类型。

.overrideMaterial Material 如果不为空，它将强制场景中的每个物体使用这里的材质来渲染。 默认值为 null。