Create very soft shadows in three.js?
<p>is it possible to create a very soft / very subtle shadow in three.js?
like on this pic?
<a href="https://i.stack.imgur.com/6B6en.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/6B6en.jpg" alt="enter image description here"></a></p>

<p>everything I managed to do so far is this:</p>

<p><a href="https://i.stack.imgur.com/a3rgD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/a3rgD.png" alt="enter image description here"></a></p>

<p>My Lights:</p>

<pre><code>hemisphereLight = new THREE.HemisphereLight(0xaaaaaa,0x000000, 0.9);
ambientLight = new THREE.AmbientLight(0xdc8874, 0.5);
shadowLight = new THREE.DirectionalLight(0xffffff, 1);
shadowLight.position.set(5, 20, -5);
shadowLight.castShadow = true;
shadowLight.shadowCameraVisible = true;
shadowLight.shadowDarkness = 0.5;
shadowLight.shadow.camera.left = -500;
shadowLight.shadow.camera.right = 500;
shadowLight.shadow.camera.top = 500;
shadowLight.shadow.camera.bottom = -500;
shadowLight.shadow.camera.near = 1;
shadowLight.shadow.camera.far = 1000;
shadowLight.shadowCameraVisible = true;
shadowLight.shadow.mapSize.width = 4096; // default is 512
shadowLight.shadow.mapSize.height = 4096; // default is 512
</code></pre>

<p>and render:</p>

<pre><code>renderer.shadowMapEnabled = true;
renderer.shadowMapSoft = true;
renderer.shadowMapType = THREE.PCFSoftShadowMap;
</code></pre>

<p>thanks you</p>