Ray ve Düzlem arasındaki kesişim koordinatları

Question

Bir ışınım ve bir uçağım var. Ray uçağı kesişiyor ve nerede olduğunu bilmek istiyorum. Bu intersetionun dünya-koordinatlarını nasıl alabilirim?

(My özellikle vaka ben kameraya ekran koordinatları unproject ve ışın oluşturun. Düzlem sahnenin zeminidir)

var vector = new THREE.Vector3(mousePosition.x, mousePosition.y, 1); 
projector.unprojectVector(vector, camera); 
var ray = new THREE.Ray(
    camera.position, 
    vector.subSelf(camera.position).normalize() 
); 

Answer 1

Bu olağan kalıptır. Özel durumunuza uyacak şekilde uyarlamanız gerekebilir. Burada

var raycaster = new THREE.Raycaster(); // create once and reuse 
var mouse = new THREE.Vector2(); // create once and reuse 

... 

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(objects, recursiveFlag); 

if (intersects.length > 0) { 

    console.log(intersects[ 0 ].point;); 

} 

, objects bir dizidir. Örneğin,

var objects = []; 

objects.push(plane_mesh); 

DÜZENLEME: R55 itibariyle Three.js r.84

Answer 2

için güncellenmiş, bu kısayolu kullanabilirsiniz. Benzer, ancak unprojectVector() hakkında endişelenmenize gerek olmayan noktaya raycasting'i basitleştirir. İşte

WestLangley en örneğinin değiştirilmiş bir versiyonu:

var vector = new THREE.Vector3(( 
     event.clientX/window.innerWidth) * 2 - 1, 
     - (event.clientY/window.innerHeight) * 2 + 1, 
     0.5 
    ); 

    var ray = projector.pickingRay(vector.clone(), camera); 

    var intersects = ray.intersectObjects(objects); 

    if (intersects.length > 0) { 

     console.log(intersects[ 0 ].point;); 

    } 

Bu ÜÇ son README aynı nesneler dizisi

var objects = []; 

objects.push(plane_mesh);