'Javascript three.js shadow map with noise why?

When i turn on renderer.shadowMap.enabled = true - screen1, if false - screen2. Why there was noise ?



Solution 1:[1]

This may be related to shadow algorithm. Try to add:

renderer.shadowMap.type = THREE.PCFSoftShadowMap;

or

renderer.shadowMap.type = THREE.PCFShadowMap;

And increase your light source shadowmap size:

<lightSource>.shadow.mapSize.width = 2048;
<lightSource>.shadow.mapSize.height = 2048;

Solution 2:[2]

closed helped me

<lightSource>.shadow.bias = -0.0005;

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 alpha-helix
Solution 2 Web Rect