title: How can i zoom in to a raycaster selection?
body: <p>I wonder how can i zoom in to mouse selection with ThreeJs, i'm using raycaster for selecting the model areas but something isn't working when i click on areas - as you can see in <a href="https://jsfiddle.net/roybarak/g49t8j0s/54/" rel="nofollow noreferrer">My Example</a> (thanks to Mugen87) , my goal is to zoom into faces when i click on them... i've added the following function :</p>
  <pre><code>function onClick(event) {
   
    mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
    mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
  
    raycaster.setFromCamera(mouse, camera);
    intersects = raycaster.intersectObject( mesh, false, intersects );
    if(mesh.type!= 'Mesh' ||  !intersects.length){
    return
    }
  
      var n = intersects[ 0 ].face.normal.clone();
      n.multiplyScalar(30);
      n.add(intersects[ 0 ].point);
      var p = intersects[ 0 ].point;
      camera.position.copy(n);
      camera.lookAt(p);
      
   
  }
  </code></pre>
  <p>When i click outside the model - it's not keeping the position and it's spinning ...</p>