標準的なMeshPhongMaterialを使用した影のアーティファクト

Question

影に関する問題があります。ここで は、私が直面してる問題の画像です：

が、それらの行がある理由を私は理解できない、完全に点灯することになっています！私は実際の影が本当に滑らかに見える理由を知りませんし、境界線は私がしようとしているものに十分ですが、私はそれらの線を全面に持っています。

マイ光構成：

var dirLight = new THREE.DirectionalLight(0xfeffaf, 1); 
dirLight.position.set(dimensions.middlePoint.x, 
    dimensions.middlePoint.y + (dimensions.lengthY/2), 
    dimensions.middlePoint.z + dimensions.lengthZ); 
dirLight.target.position.set(
    dimensions.middlePoint.x, 
    dimensions.middlePoint.y, 
    dimensions.minZ); 
dirLight.castShadow = true; 
dirLight.shadowDarkness = 0.4; 
dirLight.shadowMapWidth = 1024; 
dirLight.shadowMapHeight = 1024; 
dirLight.shadowCameraNear = 1; 
dirLight.shadowCameraFar = dimensions.lengthY * 2; 
dirLight.shadowCameraLeft = - dimensions.lengthX/2; 
dirLight.shadowCameraRight = dimensions.lengthX/2; 
dirLight.shadowCameraTop = dimensions.lengthY/2; 
dirLight.shadowCameraBottom = -dimensions.lengthY/2; 
dirLight.shadowBias = 0.0000005; 
scene.add(dirLight); 

そして、私のレンダリング設定があります：

threeRender = new THREE.WebGLRenderer({ antialias: true }); 
threeRender.shadowMap.enabled = true; 
threeRender.shadowMap.renderReverseSided = false; 
threeRender.shadowMapSoft = true; 
threeRender.shadowMapType = THREE.PCFSoftShadowMap; 

がaswellそれを固定に向けて正しい方向に私を指していると私は、この問題を解決する方法を教えてください。どうもありがとうございました。

Answer 1

shadowBiasの値を大きくします。アーティファクトは、シャドウにきびとして知られている：

は詳細についてはthis linkを参照してください。