有没有办法将click事件绑定到Three.js中的对象

Question

在Three.js中，有没有办法将click事件绑定到一个对象，以便在单击该对象时更新div元素的内容？这样的事情（注意我也在使用jQuery）：

mesh.click(function(){
  $('#myDiv').html('Hello Goober');
});

我也在使用OrbitControls，它允许用户左键单击+拖动场景以旋转它并右键单击+拖动场景进行平移。我想保留该功能，同时如上所述处理网格上的单击。

Answer 1

Lee Stemkoski的一个例子

这会通过网格发送光线，选择面部。可以使用布线盒，边界球体，代理网格等。

http://stemkoski.github.io/Three.js/Mouse-Click.html

Answer 2

您可以使用THREE.Raycaster进行拣选等。