在ThreeJS中阴影的奇怪行为

时间:2016-01-13 23:14:09

标签: javascript three.js shadow shadow-mapping

所以我有一个threeJS场景,我添加了一些球体(多材质)。我还添加了定向灯:

this.light = new THREE.DirectionalLight( 0xFFFFFF, 1 );
this.light.position.set( 2, 10, 2 );  
this.light.castShadow = true;
this.light.shadowMapSoft = true;
this.light.shadowCameraVisible = true;
this.light.shadowCameraNear = 1;
this.light.shadowCameraFar = 10; 
this.light.shadowBias = 0.0009;
this.light.shadowDarkness = 0.3;
this.light.shadowMapWidth = 1024;
this.light.shadowMapHeight = 1024;
this.light.shadowCameraLeft = -8;
this.light.shadowCameraRight = 8;
this.light.shadowCameraTop = 8;
this.light.shadowCameraBottom = -8;

因此,当用户添加或删除球体时,执行"改革"影子相机像这样: enter image description here

    this.light.position.set( posV.x, posV.y, posV.z); 

    this.light.shadowCamera.far = l2*3;
    this.light.shadowCamera.left = -l2;
    this.light.shadowCamera.right = l2;
    this.light.shadowCamera.bottom = -l2;
    this.light.shadowCamera.top = l2;           
    this.light.shadowCamera.updateProjectionMatrix(); 

以上代码的可能结果是:

上述确切情况的另一方面:  enter image description here

我已经将相机的视锥内容设置为开启,所以就是这样。问题是无缘无故产生的阴影(由红色箭头指出)。此时场景中没有其他物体,球体完全位于相机平截头体内。

在更新球体(添加/删除)后,像这样的阴影问题很常见,是否有人对此有任何想法?

我使用 three.js r72 , 谢谢!

1 个答案:

答案 0 :(得分:1)

根据您的评论,您看到的是自阴影文物。

您需要调整shadowBias(现在称为shadow.bias)参数。

改变阴影偏差会导致" peter-panning"之间的权衡。 (过多的正偏差)和自阴影效应(过多的负面偏见)。

three.js r.73