three.js spotLight阴影低像素模糊的解决办法

three.js spotLight阴影低像素模糊的解决办法
yicheng
发布于

three.js中阴影通常会有明显的低像素模糊效果,如图所示。

three.js spotLight阴影低像素模糊的解决办法

解决办法:


spotLight.shadow.mapSize.width=2048;	//阴影贴图宽度设置为2048像素
spotLight.shadow.mapSize.height=2048;	//阴影贴图高度设置为2048像素

值的大小可以自己跟据实际情况设置,设置得小一点性能会更加好,设置得大一点效果会更好,不过会占用更多的图像运算资源。

本文地址:茜文博客 >>three.js spotLight阴影低像素模糊的解决办法

转载请注明出处!!!3Q~~~