How to use PCF (SOFT) shadows in three.js?

Question

How do you apply the PCF (SOFT) shadow type as seen in the Three.js online editor to your renderer in the form of javascript code?

Answer 1

To use that type of shadows you need to use the respective type of shadow map:

renderer.shadowMap.type = THREE.PCFSoftShadowMap;

Related links:

• https://threejs.org/docs/index.html#api/en/lights/shadows/DirectionalLightShadow
• https://threejs.org/docs/index.html#api/en/renderers/WebGLRenderer.shadowMap

r115