title: How to get a point coordinate on a SkinnedMaterial for the human demo of three.js?
body: <p>For the human demo <a href="http://threejs.org/examples/#webgl_morphtargets_human" rel="nofollow">http://threejs.org/examples/#webgl_morphtargets_human</a> , I wonder how to get a point on the skin of the human. For example when I click some place on the human body, what's the coordinate of that place?</p>
  
  <p>I tried using the raycaster to get that but in vain.The code is like this:</p>
  
  <pre><code>  var projector;
    init() {
      // Others
      // ...
  
      projector = new THREE.Projector();
      renderer.domElement.addEventListener('mouseup', onMouseUp, false);
    }
  
    function onMouseUp(e) {
      e.preventDefault();
  
      var vector = new THREE.Vector3(
                     ( event.clientX / window.innerWidth ) * 2 - 1,
                     - ( event.clientY / window.innerHeight ) * 2 + 1,
                     0.5
                   );
      projector.unprojectVector( vector, camera );
  
      var raycaster = new THREE.Raycaster( camera.position, vector.sub( camera.position ).normalize() );
  
      var intersections = raycaster.intersectObjects( character.root.children );
  
      if (intersections.length &gt; 0) {
        debugger;
        // ...
      }
  
    }
  </code></pre>
  
  <p>But the <code>intersections</code> is always empty.</p>
  
  <p>Three.js is r67</p>
  
  <p>Thanks in advance.</p>