Three.Js Raycasting在更改相機轉換時無法正常工作，因爲它是Object3D的子項

Question

因此，我創建了一個「相機控制器」，它創建Object3D並將其作爲相機的父項。 Y軸的平移和旋轉適用於Object3D，並且 X軸的旋轉適用於相機。 這是代碼：

function cameracontroll(cam,scene){ 

this.cam=cam; 
this.scene=scene; 
this.baseobject=new THREE.Object3D(); 
//a vector3 that hold the rotations to be applyed 
this.rot=new point(0,0,0); 
//rotation speed 
this.rspeed=0.002; 
//move speed 
this.mspeed=0.2; 
//last mouse X position 
this.lx=0; 
//last mouse Y position 
this.ly=0; 
//direction indicators 
this.go_up=false; 
this.go_down=false; 
this.go_left=false; 
this.go_right=false; 
this.go_forward=false; 
this.go_backward=false; 
//to correctly initialize mouse position 
this.counthelper=0; 

//init function 
this.init=function(){ 
    this.baseobject.position=this.cam.position; 
    this.baseobject.add(cam); 
    this.scene.add(this.baseobject); 

} 

//rotation updating 
this.updaterotation = function(e){ 
    if(this.counthelper==0){this.lx=e.clientX;this.ly=e.clientY;this.counthelper++;} 
    this.rot.x= ((e.clientX-this.lx)*this.rspeed)*-1; 
    this.rot.z= ((e.clientY-this.ly)*this.rspeed)*-1; 
    cam.rotateX(this.rot.z); 
    this.baseobject.rotateY(this.rot.x); 
    this.lx=e.clientX; 
    this.ly=e.clientY; 
} 

//position updating 
this.updateposition = function(){ 
    if(this.goup){ 
     this.baseobject.translateY(this.mspeed); 
    } 
    if(this.godown){ 
     this.baseobject.translateY(-this.mspeed); 
    } 
    if(this.goleft){ 
     this.baseobject.translateX(this.mspeed); 
    } 
    if(this.goright){ 
     this.baseobject.translateX(-this.mspeed); 
    } 
    if(this.goforward){ 
     this.baseobject.translateZ(this.mspeed); 
    } 
    if(this.gobackward){ 
     this.baseobject.translateZ(-this.mspeed); 
    } 
    this.cam.updateMatrix(); 
} 

};

問題是，當我用這個控制器移動攝像機和他的父母 光線投射不再檢測網格。

這是光線投影功能

document.addEventListener('click',function(event){ 
    event.preventDefault(); 
    mouse.x = (event.clientX/renderer.domElement.clientWidth) * 2 - 1; 
    mouse.y = - (event.clientY/renderer.domElement.clientHeight) * 2 + 1; 
    raycaster.setFromCamera(mouse, camera); 
    var intersects = raycaster.intersectObjects(scene.children); 
    if (intersects.length > 0) { 
     console.log("Intersects!"); 

    } 
},false); 

我已經試過「cam.updateMatrix（）」和「cam.updateProjectionMatrix」但沒有了Object3D我有位置的攝像頭成爲孩子前後發生了改變。即便初始化它仍然是相同的（0,10，-4）。 任何人都有一個想法，爲什麼在使用此控制器更改攝像頭位置時，光線投射不起作用。

Answer 1

所以，如果這可能有助於某人有這個問題，我已經嘗試了一個解決方案，但不是最好的，但它的工作原理。 在點擊事件的開始時，我已經存儲了相機的世界和相對位置，然後將相機從其父母移開，將其位置設置爲世界位置，然後將其添加到場景中。 檢查完光線投射後，我已將相機從場景中移除並將其位置重置爲先前存儲的本地位置，最後將其添加到baseobject。

document.addEventListener('click',function(event){ 
    var px = camera.getWorldPosition().x; 
    var py = camera.getWorldPosition().y; 
    var pz = camera.getWorldPosition().z; 
    var pxx = camera.position.x; 
    var pyy = camera.position.y; 
    var pzz = camera.position.z; 
    camcont.baseobject.remove(camera); 
    camera.position.set(px,py,pz); 
    scene.add(camera); 
    event.preventDefault(); 
    mouse.x = (event.clientX/renderer.domElement.clientWidth) * 2 - 1; 
    mouse.y = - (event.clientY/renderer.domElement.clientHeight) * 2 + 1; 
    raycaster.setFromCamera(mouse, camera); 
    var intersects = raycaster.intersectObjects(scene.children); 
    if (intersects.length > 0) { 
     console.log("intersects !!"); 

    } 
    scene.remove(camera); 
    camera.position.set(pxx,pyy,pzz); 
    camcont.baseobject.add(camera); 
},false);