threejs阴影设置

一、大佬博客
二、threejs中的阴影设置步骤
1.渲染器设置：

    //允许在场景中使用阴影贴图
renderer.shadowMap.enabled = true

//定义阴影贴图类型 减少马赛克阴影
renderer.shadowMap.type = THREE.PCFSoftShadowMap

2.灯光设置

directLight.castShadow = true;

最重要的灯光设置，设置相关灯光相机的范围（物体在此范围内才会有阴影）

//正交相机
directLight.shadow.camera.left = -15000;
directLight.shadow.camera.right = 15000;
directLight.shadow.camera.top = 20000;
directLight.shadow.camera.bottom = -200;

directLight.shadow.camera.far = 35000;
directLight.shadow.bias = -0.0001;

3.物体设置

villaGroup2.castShadow = true

4.接受阴影面的设置（投影面）

floor.castShadow = true
floor.receiveShadow = true

切记：设置投影相机范围