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

Question

在Three.js中，有没有办法将点击事件绑定到对象，以便当点击对象时，div元素的内容是更新？像这样的东西（注意我使用jQuery以及）：

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

我还使用了OrbitControls，它允许用户左键单击拖动+现场旋转它，然后右键单击+拖动现场平移。我想保持这种功能，同时还要处理上面描述的单击网格。

Answer 1

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

Answer 2

由Lee Stemkoski

这通过网发送一个射线的这方面的一个例子中，选择的面。它可以使用bouning盒，包围球，代理网等

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