title: Three.js raycaster intersection
body: <p>I wrote the code below to get intersection point with a 3d shape. It works well but if there are two intersection point with shape, it returns me only the farest intersection while I need the nearest intersection with the shape. How can I do to get the nearest intersection?</p>
  
  <pre><code>  /*here I create a cube*/
  
              var geometry0 = new THREE.Geometry()
              geometry0.vertices = [new THREE.Vector3(0.5, -0.5, 0.5), new THREE.Vector3(-0.5, -0.5, 0.5), new THREE.Vector3(-0.5, -0.5, -0.5), new THREE.Vector3(0.5, -0.5, -0.5), new THREE.Vector3(0.5, 0.5, 0.5), new THREE.Vector3(-0.5, 0.5, 0.5), new THREE.Vector3(-0.5, 0.5, -0.5), new THREE.Vector3(0.5, 0.5, -0.5)];
              geometry0.faces = [new THREE.Face3(3, 2, 1), new THREE.Face3(3, 1, 0), new THREE.Face3(4, 5, 6), new THREE.Face3(4, 6, 7), new THREE.Face3(0, 1, 5), new THREE.Face3(0, 5, 4), new THREE.Face3(1, 2, 6), new THREE.Face3(1, 6, 5), new THREE.Face3(2, 3, 7), new THREE.Face3(2, 7, 6), new THREE.Face3(3, 0, 4), new THREE.Face3(3, 4, 7)];
              geometry0.computeFaceNormals();
              geometry0.computeVertexNormals();
              var material0 = new THREE.MeshBasicMaterial({color: 0x39d2dbe7fff39d2, transparent: true, opacity: 0});
              mesh0 = new THREE.Mesh(geometry0, material0);
              egh0 = new THREE.EdgesHelper(mesh0, 0x000);
              egh0.material.linewidth = 2;
              scene.add(egh0);
  
  
              objects.push(mesh0);
              projector = new THREE.Projector();
              console.log(objects);
              mouse2D = new THREE.Vector3(0, 10000, 0.5);//controllare i valori
  
  
  
      /* here I create the ray */
  
  
  document.addEventListener('click', onDocumentMouseClick, false);
  
  
          function onDocumentMouseClick(event) {
  
              event.preventDefault();
  
              mouse2D.x = (event.clientX / window.innerWidth) * 2 - 1;
              mouse2D.y = -(event.clientY / window.innerHeight) * 2 + 1;
               var vector = new THREE.Vector3( mouse2D.x, mouse2D.y, 0.5 );
  
              projector.unprojectVector( vector, camera );
  
              var raycaster = new THREE.Raycaster( camera.position, vector.sub( camera.position ).normalize() );
  
  
              var intersects = raycaster.intersectObjects( objects );
  
              if (intersects.length &gt; 0) {
                  console.log("ok");} 
  </code></pre>
  
  <p>If I check intersects[0].point I can only see the farest point face of cube intersected and not the first (for example,if you look at a cube in front of you and make a ray,this ray before intersect the first face and after intersect second face behind the first.)
  The goal of this code is to create an event only when you click on vertices.
  So after this I wrote  code to calculate the euclidean distance from point of click and all vertices
  and return the vertice nearest to the point of click.
  If you have other idea to fire an event only when you click on vertices is welcome.</p>