title: Unable to get raycaster.intersectObjects() to return intersecting objects from a distance
body: <p>I have a scatter plot with several random <code>Sprite</code> objects being used as data points.  I want to detect intersections between the mouse pointer (cursor) and <code>Sprite</code> objects.  The setup I am using to detect intersections is as follows:</p>
  
  <pre><code>var projector = new THREE.Projector();
  
  window.addEventListener('mousedown', function (ev) {
      if (ev.target == renderer.domElement) {
          var vector = new THREE.Vector3((ev.clientX / window.innerWidth) * 2 - 1, -(ev.clientY / window.innerHeight) * 2 + 1, 0.5);
          var projector = new THREE.Projector();
          projector.unprojectVector(vector, camera);
  
          var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize());
  
          var intersects = raycaster.intersectObjects(particles);
          console.log(intersects[0]);
      }
  }, false);
  </code></pre>
  
  <p>The problem I am encountering is that when I click a <code>Sprite</code>object from a distance (i.e., click a data point and NOT zoomed in on the plot), nothing seems to be returned by <code>raycaster.intersectObjects(particles)</code>.  In other words, the length of <code>intersects</code>is 0.  The desired behavior is that when a data point is clicked (i.e., a data point appears under the cursor), <code>raycaster.intersectObjects()</code>returns the object under the cursor. </p>
  
  <p>I have created a fiddle with what I've done thus far: <a href="http://jsfiddle.net/jmg157/ynFzw/" rel="nofollow">http://jsfiddle.net/jmg157/ynFzw/</a></p>
  
  <p>Many thanks, as always!</p>