three.js 中的阴影:r71 与 r76

Shadows in three.js : r71 vs r76

我正在使用 three.js、r76 构建 3D 环境。 我似乎无法正确处理阴影。

r71 中,我对结果非常满意,但在 r76 中效果不一样。

一个fiddle来说明我的问题:

r71: https://jsfiddle.net/sq2w15xy/

r76: https://jsfiddle.net/9uuq6s56/

如您所见,阴影在最新版本中是黑色和像素化的。 从那以后发生了什么变化?我该怎么做才能获得与 r71 中相同的平滑阴影?

我想必须先设置灯的 shadow.mapSize,否则默认设置为 ( 512, 512)。

        spotlight.shadow.mapSize.width = 2048; 
        spotlight.shadow.mapSize.height  = 2048;