title: Get mouse clicked point's 3D coordinate in three.js
body: <p>I'm new in THREE.js.</p>
  
  <p>I'm trying to get 3D coordinates of point on mouse click on the object (not simple objects: Box, Sphere,..) in Canvas.</p>
  
  <p>In detail, I'm working with 3D objects viewer - I have camera (THREE.PerspectiveCamera), mouse controls (rotate, zoom, move), add/remove objects (my own object, loaded using loaders for THREE.js) in scene,.. And I want to add a function, which gets 3D coordinates for clicked point in 3D.</p>
  
  <p>Exactly, I want coordinates of the end point of a ray - begining from mouse click on the <em>camera_near_window</em> and ending to the object's point, I've clicked on..</p>
  
  <p>I tried a lot of ways to do it:</p>
  
  <ul>
  <li><p><a href="https://stackoverflow.com/questions/13055214/mouse-canvas-x-y-to-three-js-world-x-y-z/13091694#13091694">Getting coordinates of point on z=0 plane</a> -- It works fine, but it is on z=0 plane and it is not that I need, cause I have OrbitControls..</p></li>
  <li><p><a href="http://threejs.org/examples/canvas_interactive_cubes.html" rel="noreferrer">THREE.js example - clickable objects</a> -- It uses CanvasRenderer (not WebGLRenderer) and works for a little objects (but works for my project): browser crashes when I load many objects (CanvasRenderer needs 5x more memory then WebGLRenderer).</p></li>
  <li><p><a href="https://stackoverflow.com/questions/7364693/how-to-get-object-in-webgl-3d-space-from-a-mouse-click-coordinate/17360686#17360686">"How to get object in WebGL 3d space from a mouse click coordinate"</a> - I tried this one too, but <code>raycaster.intersectObjects</code> found nothing, <code>intersects</code> was an empty array (maybe it works for only simple objects like box, sphere,..).</p></li>
  </ul>
  
  <p>Can anyone show me the demo code which gets 3D point coords for clicked point of clicking object in 3D, please..?</p>