three.js(14)-阴影效果

如何让物体产生阴影效果呢？
首先，场景中所有的物体都必须是感光材质（MeshLambertMaterial），然后是光源的设定，支持阴影的光源有pointLight，spotlight，directionallight，环境光AmbientLight是无法产生阴影的。
阴影效果需要如下几个步骤：
1、设置渲染器开启阴影

renderer.shadowMapEnabled = true;

2、设置光源开启阴影

 pointLight.castShadow = true;    // 让光源产生阴影效果

3、选择物体产生投影

ballMesh.castShadow = true;//物体产生投影

4、选择物体接收投影

planeMesh.receiveShadow = true;//物体接受阴影

全部代码：

shadow.gif