有沒有辦法將點擊事件綁定到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