title: three.js light from camera straight to object
body: <p>in my three js setting I have the following settings for a directional light:</p>
  
  <pre><code>private aLight: THREE.DirectionalLight;
  
  this.aLight = new THREE.DirectionalLight(0xffffff, 1.0);
  this.aLight.position.set(-5, 5, 5);
  
  this.aScene.add(this.aLight);
  </code></pre>
  
  <p>In order to have the light following my camera and always illuminate my mesh I set the following in my render function:
  private onRender() {</p>
  
  <pre><code>this.aLight.position.copy(this.aCamera.getWorldPosition());
  
  window.requestAnimationFrame(_ =&gt; this.onRender());
  this.aRenderer.render(this.aScene, this.aCamera);
  </code></pre>
  
  <p>Now, the object is always illuminated:</p>
  
  <p><a href="https://i.stack.imgur.com/ZWriH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZWriH.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/jjAs6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jjAs6.png" alt="enter image description here"></a></p>
  
  <p>but if I zoom in the surfaces facing the camera are dark:</p>
  
  <p><a href="https://i.stack.imgur.com/UjpxX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UjpxX.png" alt="enter image description here"></a></p>
  
  <p>I would like to have my light always pointing from my camera to the object. What am I doing wrong?</p>