對BufferGeometry Raycasting行threejs

Question

我想對BufferGeometry創建的行進行光線投射。但它似乎不支持光線投射？

當啓動BufferGeometry如圖所示here光線投射不適用於此對象。

但是，當我用Geometry代替BufferGeometry時，光線投射工作正常。

var geometry = new THREE.Geometry(); 
var lines = new THREE.Object3D(); 

for (var i = 0; i <array.length; i++) { 
    x = (Math.random() - 0.5) * 30; 
    y = (Math.random() - 0.5) * 30; 
    z = (Math.random() - 0.5) * 30; 
    geometry.vertices.push(new THREE.Vector3(x,y,z)); 
} 

var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({ color: 0x9999FF, opacity: 0.5 })); 
lines.add(line); 
scene.add(lines); 

我試着換BufferGeometry到Object3D也不會影響結果。如何對BufferGeometry行進行光線投射？

編輯

Fiddle with BufferGeometry

Fiddle with Geometry

Answer 1

我的工作一點上您BufferGeometry例如，現在，它的工作原理

http://jsfiddle.net/eviltoad/s9fsds19/11/

material.originalColor = material.color; 
// line 
lines = new THREE.Object3D(); 
line = new THREE.Line(geometry, material); 
lines.add(line); 
scene.add(lines); 

document.onmousemove = function(event){ 
    mousePosition.x = 2 * (event.clientX/window.innerWidth) - 1; 
    mousePosition.y = 1 - 2 * (event.clientY/window.innerHeight); 
    mousePosition.unproject(camera); 
    var raycaster = new THREE.Raycaster(camera.position,mousePosition.sub(camera.position).normalize()); 
    console.log(lines.children); 
    var intersections = raycaster.intersectObjects(lines.children); 
    console.log(intersections); 
    lines.children.forEach(function(child) { 
     child.material.color = child.material.originalColor; 
    }); 
    for(var j = 0; j < intersections.length;j++) { 
     var intersection = intersections[j]; 
     var object = intersection.object; 
     object.material.color = new THREE.Color("#FFFFFF"); 
    } 
};