Three.js-奇怪的着色行为

Three.js-奇怪的着色行为,three.js,shadow,Three.js,Shadow,左侧立方体上的垂直阴影来自何处 由于阴影摄影机视锥体比场景大几个数量级,因此您看到的是阴影中的像素化 在您的情况下,一个解决方案是减小聚光灯的角度: light.angle = Math.PI / 180; 在场景周围保持阴影截锥体紧密,以获得高质量的阴影 three.js r.87您看到的是阴影中的像素化,因为您的阴影摄影机视锥体比场景大几个数量级 在您的情况下,一个解决方案是减小聚光灯的角度: light.angle = Math.PI / 180; 在场景周围保持阴影截锥体紧密

左侧立方体上的垂直阴影来自何处


由于阴影摄影机视锥体比场景大几个数量级,因此您看到的是阴影中的像素化

在您的情况下,一个解决方案是减小聚光灯的角度:

light.angle = Math.PI / 180;
在场景周围保持阴影截锥体紧密,以获得高质量的阴影


three.js r.87

您看到的是阴影中的像素化,因为您的阴影摄影机视锥体比场景大几个数量级

在您的情况下,一个解决方案是减小聚光灯的角度:

light.angle = Math.PI / 180;
在场景周围保持阴影截锥体紧密,以获得高质量的阴影


three.js r.87

您是在说左侧(镜像)框上的红色表面吗?是的。左边是一个红色的盒子,从中间的盒子里接收阴影。灯光在右上角。红色不是阴影,而是背景。在中间框的反射下面,你可以看到“地板”,在它结束后,“空隙”是红色的——框的颜色。红色是左边框的颜色。黑色是阴影。左框的底部2/3处于中间框的阴影中。我不明白左框上三分之一的黑色正方形是从哪里来的(查看上图)。嗯,有趣的是,如果在x轴或y轴上将立方体1移动1px,它似乎消失了。你是说左框(镜像)上的红色表面吗?是的。左边是一个红色的盒子,从中间的盒子里接收阴影。灯光在右上角。红色不是阴影,而是背景。在中间框的反射下面,你可以看到“地板”,在它结束后,“空隙”是红色的——框的颜色。红色是左边框的颜色。黑色是阴影。左框的底部2/3处于中间框的阴影中。我不明白左框上三分之一的黑色方块是从哪里来的(查看上图)。嗯,有趣的是,如果你在x轴或y轴上移动立方体1乘以1px,它似乎消失了。