單擊Three.js後重置SELECTED對象的位置

Question

我試圖重置three.js中最新對象的位置。

首先我有這樣的：

function onDocumentMouseDown(event) { 

      event.preventDefault(); 
      var vector = new THREE.Vector3(mouse.x, mouse.y, 0.5); 
      projector.unprojectVector(vector, camera); 

      var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize()); 

      var intersects = raycaster.intersectObjects(objects); 

      if (intersects.length > 0) { 

       controls.enabled = false; 

       SELECTED = intersects[ 0 ].object; 

       container.style.cursor = 'move'; 

       //mouse Click goes here 
       buildMenu(); 

      } 

     } 

在我buildMenu功能I位置我的對象是這樣的：

function buildMenu(){ 
       camera.position.set(0,60,250);     


       //HERE I POSITION MY SELECTED OBJECT 

       SELECTED.position.x = 0; 
       SELECTED.position.y = 50; 
       SELECTED.position.z = 200; 

       $(document).bind('click',function(){ 
        $(document).click(function(){ 
         scene.remove(overlayBG); 

        **//HERE I TRY TO RESET EVERYTHING BUT NOTHING WORKS : (** 

         }); 
       }); 

       //$('#bg, #menu').fadeIn(100) 

      } 

我以爲我可以很容易地通過mesh.position.set重置我的對象（0,0,0）在$（document）.click函數內但不起作用。如何檢測最新（重新定位）的對象，以及如何重新定位它。

Answer 1

我不確定我是否理解正確。

做了一個簡單的例子，你不需要爲此綁定任何點擊事件。 Example is here

//last selected object 
if (SELECTED){ 
    SELECTED.position.set(0,0,0); 
} 
//new selected object 
SELECTED = intersects[ 0 ].object;