Trying to ensure that all shadows are rendered, I adjusted the shadow.camera.top / bottom / left / right properties of the directional light casting shadows. However, this adjustment led to shadow acne issues. Despite attempting to use shadow.bias, the problem persists. What exactly causes shadow acne and how can it be resolved?
https://i.sstatic.net/ixiWD.png
Below is the code snippet from my implementation:
light = new THREE.DirectionalLight( 0xffffff );
light.position.set( 38, 82, 1 );
light.castShadow = true;
// light.shadow.bias = -0.001;
light.shadow.mapSize.width = 2048;
light.shadow.mapSize.height = 2048;
light.shadow.camera.near = 0.1; // same as the camera
light.shadow.camera.far = 1000; // same as the camera
light.shadow.camera.top = 120;
light.shadow.camera.bottom = -120;
light.shadow.camera.left = 120;
light.shadow.camera.right = -120;
scene.add( light );
Any insights or suggestions would be greatly appreciated!