title: Odd looking shadow with three.js
body: <p>Very new to three.js and webgl and I am getting very strange looking shadows with a directional light.</p>
  
  <p><img src="https://i.stack.imgur.com/C06ql.png" alt="odd shadow"></p>
  
  <p>Here is my code for the renderer:</p>
  
  <pre><code>this.renderer.shadowMapEnabled = true;
  this.renderer.shadowMapSoft = true;
  this.renderer.shadowCameraNear = 3;
  this.renderer.shadowCameraFar = this.camera.far;
  this.renderer.shadowCameraFov = 75;
  this.renderer.shadowMapBias = 0.0039;
  this.renderer.shadowMapDarkness = 0.5;
  this.renderer.shadowMapWidth = 1024;
  this.renderer.shadowMapHeight = 1024;
  </code></pre>
  
  <p>Any ideas?</p>