レイと平面の交点の座標

Question

私は光線と平面を持っています。光線が飛行機と交差していて、どこにいるのか知りたいです。どのように私はこのintersetionの世界座標を得るのですか？

（私の特定の場合、私がカメラにスクリーン座標をunprojectと光線を作成する。平面シーンの接地である）

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

これは、通常のパターンです。あなたは、あなたの特定の状況に合わせてそれを適応させなければならないかもしれません。

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は配列です。例えば、

var objects = []; 

objects.push(plane_mesh); 

EDIT：R55のとおりthree.js r.84

Answer 2

用に更新、あなたはこのショートカットを使用することができます。これは似ていますが、あなたはunprojectVector（）について心配する必要がないほどレイキャスティングを簡略化します。

ここWestLangleyの例の修正版です：

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;); 

    } 

これは、同じオブジェクトの配列THREEのための最近のREADMEに

var objects = []; 

objects.push(plane_mesh);