three.js添加阴影效果
渲染阴影
由于渲染阴影需要耗费大量的计算资源,所以默认情况下 Three.js 中是不会渲染阴影的,为了渲染阴影效果,需要告诉渲染器需要阴影效果
renderer.shadowMap.enabled = true;
指定阴影的光源
spotLight.castShadow = true; //产生阴影的光源
指定物体投射、接受阴影
plane.receiveShadow = true; //接受阴影的物体
cube.castShadow = true; //投身阴影的物体