Three.js中的光照

这一节主要讲光照。有四种光，第一种背景光，也叫环境光，这个开启后能看出一个物体昏暗表面是没有立体感的。第二种是平行光源，类似于现实中的太阳光照,如下图所示，太阳光从无限远的地方打过来，照射到物体时已经变成平行光了，这个就很明显有明暗面，朝向光源的方向就是明的，背向就是暗的。
.

第三种是点光源，点光源类似于在一个位置加了一个光源，它可以向它的四面八方发射光照，一般的位置设置成相机的位置一致，同样物体有明暗面，跟光源的位置有关系。如下图所示。

第四种是聚光灯，跟点光源不同的是，光线被聚在一起，向一个方向照射物体。有点类似夜晚开一个灯。

然后我们画了一个白色的球体，开启了背景光，平行光源，还有点光源的情况下的样子，如下图所示。这个就一个很明显的立体感了。一般你做项目的时候这三种光源足够了。

我们看下代码部分。画了一个地面网格的部分。

	let helper = new THREE.GridHelper( 1000, 40, 0x303030, 0x303030 );	
				helper.position.y = - 75;	
	scene.add( helper );

然后是绘制了一个白色的球体，0xdddddd&#x