Three.js实现天空盒效果（混合模型+材质）

　　Three.js是一款开源的主流3D绘图JS引擎（名字Three就是3D的含义），用来简化WebGL编程，也提供了非常多的3D显示功能来实现很多炫酷的实例。　　本文利用Three.js实现天空盒效果，且混合了模型和材质功能，最终效果如下图：

实现过程

1、　　声明变量，详细代码如下图，具体用途说明都已经有备注。

3、　　新建场景（initScene），详细代码如下图：　　1.scene.background设置全景贴图（新建加载器、且设置图片路径和6张图片名）。　　Tips：　　1.必须6张图片，不能多也不能少；　　2.6张图片的尺寸要一致，且图片的宽高要相等。

5、　　新建物体（initObject），详细代码如下图：　　1.新建立方体（BoxGeometry），宽高深度都为100，并利用纹理加载器（TextureLoader）对立方体进行图片纹理渲染（map）。

7、　　为了方便观察场景，可以新建轨道控制器，轨道控制器可以实现场景和鼠标交互（利用鼠标控制场景的旋转、平移、缩放），详细代码如下图。