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;
我正在使用 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;