//正交摄像机OrthographicCamera( left, right, top, bottom, near, far )camera = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, -1000, 5000 );

构造函数格式 OrthographicCamera( left, right, top, bottom, near, far )

三维场景中坐标值不在三维空间中的网格模型不会被渲染出来，会被剪裁掉，比如你把上面代码中far参数的值从1000更改为420，你会发现长方体的一部分无法显示

注意
左右边界的距离与上下边界的距离比值与画布的渲染窗口的宽高比例要一致，否则三维模型的显示效果会被单方向不等比例拉伸

构造函数OrthographicCamera的参数(
left,right,top,bottom,near,far)本质上是对WebGL投影矩阵的封装，宽度width、高度height越大，三维模型顶点的位置坐标就会越大，超出可视区域的网格模型就会被剪裁掉，
不会再显示在屏幕上，大家还可以看到参数left与right、参数top与bottom互为相反数，这样做的目的是lookAt指向的对象能够显示在canvas画布的中间位置。

这一投影模式被用来模拟人眼所看到的景象，它是3D场景的渲染中使用得最普遍的投影模式

        //透视投影照相机 PerspectiveCamera// camera = new THREE.PerspectiveCamera(45, sizes.width/sizes.height, 1,1000)camera.position.set(1500, 700, 121)scene.add(camera)

相机位置.posiiotn和.lookAt(相机拍摄目标位置)
camera.postion：相机所在的位置，默认为（0，0，0）
camera.lookAt：相机焦点方向，默认为Z轴负半轴方向
camera.up：坐标轴向上方向，默认（0，1，0）。PS：要设置在camera.lookAt前才有效

执行lookAt方法之前，需要先设置相机的位置属性

camera.position.set(200, 300, 200);
camera.lookAt(0,0,0);

PerspectiveCamera( fov, aspect, near, far )

var scene = new THREE.WebGLRenderer()
renderer.setClearColor(0x000000, 1.0)//颜色，透明度
renderer.setSize(window.innerWidth,window.innerHeight)
document.body.appendChild(renderer.domElement)

环境光会均匀的照亮场景中的所有物体。
环境光不能用来投射阴影，因为它没有方向

AmbientLight( color : Integer, intensity : Float )

```
// 环境光const light = new THREE.AmbientLight(0x41648b); // soft white lightscene.add(light);
```

PointLight( color : Integer, intensity : Float, distance : Number, decay : Float )

		//点光 (光照颜色(可选),光照强度(可选默认1),从光源到光照强度为0的位置,沿着光照距离的衰退量（越小光照亮范围越大）)var lightPoint = new THREE.PointLight( 0xff0000, .8, 2200, 1.6 ); lightPoint.position.set( 0, 0, 0 ); scene.add( lightPoint );

聚光灯是从一个方向上的一个点发出，沿着一个圆锥体，它离光越远，它的尺寸就越大。

SpotLight( color : Integer, intensity : Float, distance : Float, angle : Radians, penumbra : Float, decay : Float )

var spotLight = new THREE.SpotLight( 0xffffff );
spotLight.position.set( 100, 1000, 100 );spotLight.castShadow = true;spotLight.shadow.mapSize.width = 1024;
spotLight.shadow.mapSize.height = 1024;spotLight.shadow.camera.near = 500;
spotLight.shadow.camera.far = 4000;
spotLight.shadow.camera.fov = 30;scene.add( spotLight );

平行光是沿着特定方向发射的光,平行光可以投射阴影

DirectionalLight( color : Integer, intensity : Float )

```// 平行光源const directionalLight = new THREE.DirectionalLight(0xffffff, 0.5);directionalLight.position.set(100, 100, 0);scene.add(directionalLight);
```

表示基于以三角形为polygon mesh（多边形网格）的物体的类。 同时也作为其他类的基类，例如SkinnedMesh。

			// 创建地面几何体（长，宽）var planeGeometry = new THREE.PlaneGeometry(60, 20)// 给地面物体上色var planeMaterial = new THREE.MeshBasicMaterial({color: 0xcccccc })// 创建地面var plane = new THREE.Mesh(planeGeometry, planeMaterial)// 物体移动位置plane.rotation.x = -0.5 * Math.PIplane.position.x = 15plane.position.y = 0plane.position.z = 0plane.castShadow = true// 地板接受立方体的阴影plane.receiveShadow = true// 将地面添加到场景中scene.add(plane)

这是BoxGeometry中的BufferGeometry接口。

BoxBufferGeometry(width : Float, height : Float, depth : Float, widthSegments : Integer, heightSegments : Integer, depthSegments : Integer)

var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
var cube = new THREE.Mesh( geometry, material );
// 设定位置
cube.position.x = 0
cube.position.y = 4
cube.position.z = 0
scene.add( cube );

BoxGeometry是四边形的原始几何类，它通常使用构造函数所提供的“width”、“height”、“depth”参数来创建立方体或者不规则四边形。

BoxGeometry(width : Float, height : Float, depth : Float, widthSegments : Integer, heightSegments : Integer, depthSegments : Integer)

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );

这是CircleGeometry中的BufferGeometry接口

CircleBufferGeometry(radius : Float, segments : Integer, thetaStart : Float, thetaLength : Float)

var geometry = new THREE.CircleBufferGeometry( 5, 32 );
var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
var circle = new THREE.Mesh( geometry, material );
scene.add( circle );

CircleGeometry是欧式几何的一个简单形状，它由围绕着一个中心点的三角分段的数量所构造，由给定的半径来延展。 同时它也可以用于创建规则多边形，其分段数量取决于该规则多边形的边数。

CircleGeometry(radius : Float, segments : Integer, thetaStart : Float, thetaLength : Float)

var geometry = new THREE.CircleGeometry( 5, 32 );
var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
var circle = new THREE.Mesh( geometry, material );
scene.add( circle );

这是ConeGeometry中的BufferGeometry接口。

ConeBufferGeometry(radius : Float, height : Float, radialSegments : Integer, heightSegments : Integer, openEnded : Boolean, thetaStart : Float, thetaLength : Float)

var geometry = new THREE.ConeBufferGeometry( 5, 20, 32 );
var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
var cone = new THREE.Mesh( geometry, material );
scene.add( cone );

一个用于生成圆锥几何体的类。

ConeGeometry(radius : Float, height : Float, radialSegments : Integer, heightSegments : Integer, openEnded : Boolean, thetaStart : Float, thetaLength : Float)

var geometry = new THREE.ConeGeometry( 5, 20, 32 );
var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
var cone = new THREE.Mesh( geometry, material );
scene.add( cone );

这是CylinderGeometry中的BufferGeometry接口。

CylinderBufferGeometry(radiusTop : Float, radiusBottom : Float, height : Float, radialSegments : Integer, heightSegments : Integer, openEnded : Boolean, thetaStart : Float, thetaLength : Float)

var geometry = new THREE.CylinderBufferGeometry( 5, 5, 20, 32 );
var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
var cylinder = new THREE.Mesh( geometry, material );
scene.add( cylinder );

一个用于生成圆柱几何体的类

CylinderGeometry(radiusTop : Float, radiusBottom : Float, height : Float, radialSegments : Integer, heightSegments : Integer, openEnded : Boolean, thetaStart : Float, thetaLength : Float)

var geometry = new THREE.CylinderGeometry( 5, 5, 20, 32 );
var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
var cylinder = new THREE.Mesh( geometry, material );
scene.add( cylinder );

一个用于创建十二面几何体的类

DodecahedronBufferGeometry(radius : Float, detail : Integer)

用于生成十二面体几何图形的类。

DodecahedronGeometry(radius : Float, detail : Integer)

	var geometry = new THREE.DodecahedronGeometry( 2.5, 0 );var material = new THREE.MeshBasicMaterial( {color: 0x8feca3} );var dode = new THREE.Mesh( geometry, material );dode.position.x = 10dode.position.y = 0dode.position.z = 0scene.add( dode );

这可以作为一个辅助对象来查看Geometry的边缘。

EdgesGeometry( geometry : Geometry, thresholdAngle : Integer )

var geometry = new THREE.BoxBufferGeometry( 100, 100, 100 );
var edges = new THREE.EdgesGeometry( geometry );
var line = new THREE.LineSegments( edges, new THREE.LineBasicMaterial( { color: 0xffffff } ) );
scene.add( line );

从一个形状路径中，挤压出一个BufferGeometry。

ExtrudeBufferGeometry(shapes : Array, options : Object)

该对象将一个二维形状挤出为一个三维几何体。

当使用这个几何体创建Mesh的时候，如果你希望分别对它的表面和它挤出的侧面使用单独的材质，你可以使用一个材质数组。 第一个材质将用于其表面；第二个材质则将用于其挤压出的侧面。

var length = 12, width = 8;var shape = new THREE.Shape();
shape.moveTo( 0,0 );
shape.lineTo( 0, width );
shape.lineTo( length, width );
shape.lineTo( length, 0 );
shape.lineTo( 0, 0 );var extrudeSettings = {steps: 2,depth: 16,bevelEnabled: true,bevelThickness: 1,bevelSize: 1,bevelOffset: 0,bevelSegments: 1
};var geometry = new THREE.ExtrudeBufferGeometry( shape, extrudeSettings );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var mesh = new THREE.Mesh( geometry, material ) ;
scene.add( mesh );

从一条形状路径中，挤压出一个Geometry。

ExtrudeGeometry(shapes : Array, options : Object)

该对象将一个二维形状挤出为一个三维几何体。

当使用这个几何体创建Mesh的时候，如果你希望分别对它的表面和它挤出的侧面使用单独的材质，你可以使用一个材质数组。 第一个材质将用于其表面；第二个材质则将用于其挤压出的侧面。

var length = 12, width = 8;var shape = new THREE.Shape();
shape.moveTo( 0,0 );
shape.lineTo( 0, width );
shape.lineTo( length, width );
shape.lineTo( length, 0 );
shape.lineTo( 0, 0 );var extrudeSettings = {steps: 2,depth: 16,bevelEnabled: true,bevelThickness: 1,bevelSize: 1,bevelOffset: 0,bevelSegments: 1
};var geometry = new THREE.ExtrudeGeometry( shape, extrudeSettings );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var mesh = new THREE.Mesh( geometry, material ) ;
scene.add( mesh );

这是LatheGeometry中的BufferGeometry接口

LatheBufferGeometry(points : Array, segments : Integer, phiStart : Float, phiLength : Float)

基于参数创建一个LatheGeometry。

var points = [];
for ( var i = 0; i < 10; i ++ ) {points.push( new THREE.Vector2( Math.sin( i * 0.2 ) * 10 + 5, ( i - 5 ) * 2 ) );
}
var geometry = new THREE.LatheBufferGeometry( points );
var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
var lathe = new THREE.Mesh( geometry, material );
scene.add( lathe );

生成由参数表示其表面的几何体。

ParametricBufferGeometry(func : Function, slices : Integer, stacks : Integer)

var geometry = new THREE.ParametricBufferGeometry( THREE.ParametricGeometries.klein, 25, 25 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var klein = new THREE.Mesh( geometry, material );
scene.add( klein );

一个用于将文本生成为单一的几何体的类。 它是由一串给定的文本，以及由加载的Font（字体）和该几何体ExtrudeGeometry父类中的设置所组成的参数来构造的。 请参阅Font、FontLoader和Creating_Text页面来查看更多详细信息。

TextBufferGeometry(text : String, parameters : Object)

var loader = new THREE.FontLoader();loader.load( 'fonts/helvetiker_regular.typeface.json', function ( font ) {var geometry = new THREE.TextBufferGeometry( 'Hello three.js!', {font: font,size: 80,height: 5,curveSegments: 12,bevelEnabled: true,bevelThickness: 10,bevelSize: 8,bevelSegments: 5} );
} );

跳一跳完整案例找到了一个demo，上传至资源里了