var camera = new THREE.OrthographicCamera(-6, 6, 4.5, -4.5, 0, 50); //创建照相机 camera.position.set(35, 15, 25); //设置照相机的位置 camera.lookAt(new THREE.Vector3(0, 0, 0)); //设置照相机面向(0,0,0)坐标观察
照相机默认坐标为(0,0,0);
默认面向为沿z轴向里观察;
5、 创建光源
常用光源有：
1、平行光(DirectionalLight)，效果类似太阳光
DirectionalLight ( color, intensity )
color — 光源颜色的RBG数值。
intensity — 光强的数值。
2、点光源(PointLight)，效果类似灯泡
PointLight ( color, intensity, distance, decay )
color — 光源颜色的RBG数值。
intensity — 光强的数值。
distance -- 光强为0处到光源的距离，0表示无穷大。
decay -- 沿着光照距离的衰退量。
3、聚光光源(SpotLight)，效果类似聚光灯
SpotLight ( color, intensity, distance, angle, penumbra, decay )
color — 光源颜色的RBG数值。
intensity — 光强的数值。
distance -- 光强为0处到光源的距离，0表示无穷大。
angle -- 光线散射角度，最大为Math.PI/2。
penumbra -- 聚光锥的半影衰减百分比。在0和1之间的值。默认为0。
decay -- 沿着光照距离的衰退量。
在此以点光源举例：
var light = new THREE.PointLight(0xffffff, 1, 100); //创建光源 light.position.set(12, 15, 10); //设置光源的位置 scene.add(light); //在场景中添加光源
6、 创建物体
制作物体的方法是 Mesh：
new THREE.Mesh(Geometry, Material);
Geometry 为物体的形状，Material 为物体的材质；
1、形状(Geometry)
three.js 给出了很多方法去生成固定的形状，比如长方体(BoxGeometry)、球体(SphereGeometry)、圆形(CircleGeometry)等等。还有根据坐标去生成具体形状的方法，可以借助第三方建模软件建模之后引入，转换为坐标后再生成，就可以做比较复杂的形状了，比如人脸、汽车等等。
在此以长方体为例生成形状：
//设置正方体宽度，高度，深度分别为5,5,5 var geometry = new THREE.BoxGeometry (5, 5, 5);
2、材质(Material)
材质就像是物体的皮肤，决定物体外表的样子，例如物体的颜色，看起来是否光滑，是否有贴图等等。
常用材质有：
·网格基础材质(MeshBasicMaterial)
该材质不受光照的影响，不需要光源即可显示出来，设置颜色后，各个面都是同一个颜色。
·网格法向材质(MeshNormalMaterial)
该材质不受光照的影响，不需要光源即可显示出来，并且每个方向的面的颜色都不同，同但一个方向的面颜色是相同的，
该材质一般用于调试。
·网格朗博材质(MeshLambertMaterial)
该材质会受到光照的影响，没有光源时不会显示出来，用于创建表面暗淡，不光亮的物体。
·网格 Phong 材质(MeshPhongMaterial)
该材质会受到光照的影响，没有光源时不会显示出来，用于创建光亮的物体。
在此以网格 Phong 材质为例创建材质：
var material = new THREE.MeshPhongMaterial({ color: "yellow" //设置颜色为yellow });
创建形状和材质之后，就可以创建该物体了：
//创建物体 var cube = new THREE.Mesh(geometry, material);
7、 渲染画布
通过以上步骤，我们已经有了渲染器(renderer)、场景(scene)、照相机(camera)、光源(light)和物体(cube)，此时我们需要将光源和物体加入场景中：
scene.add(light); scene.add(cube);
然后再使用渲染器将场景和照相机渲染出来：
renderer.render(scene, camera);
效果如下图：
四、 结束语
在以上内容中，只写到了 Three.js 中提供的基础功能，还有很多高级的功能需要大家去探索。希望大家看完这篇文章后能对 Three.js 有一个初步的了解，并能够使用 Three.js 绘制出基础的 3D 图形。
大家可以去 Three.js 官网的 examples 中看看，这里面都是一些很优秀和典型的 examples，并且还有代码可以下载，大家可以去研究探索一番。
在此附上几个精彩的例子供大家欣赏：
总结