Three.js Raycaster不与我的自定义网格相交

我是Three.js的新手。 Raycaster工作找到导入的对象，但是当我创建一个自定义网格如下它不工作：Three.js Raycaster不与我的自定义网格相交

 var geom = new THREE.Geometry(); 
     var v1 = new THREE.Vector3(0,0,0); 
     var v2 = new THREE.Vector3(0,500,0); 
     var v3 = new THREE.Vector3(-400,-500,50); 

     geom.vertices.push(v1); 
     geom.vertices.push(v2); 
     geom.vertices.push(v3); 

     geom.faces.push(new THREE.Face3(0, 1, 2)); 
     geom.computeFaceNormals(); 

     meshFrame = new THREE.Mesh(geom, new THREE.MeshNormalMaterial()); 

     meshFrame.position.z = 20; 
     meshFrame.rotation.y = 0; 
     meshFrame.verticesNeedUpdate = true; 
     scene.add(meshFrame);

什么是你认为问题可能是什么？光线在三角形中传递，但仍然交叉物体返回空。在这里，我的光线投射代码：

 var ever = bver.clone(); 

     ever.setComponent(2,ever.z+150); 

     var geometryF = new THREE.Geometry(); 
     geometryF.vertices.push(
      bver, 
      ever 
     ); 

     var bray = new THREE.Ray(bver, new THREE.Vector3(0 ,0, 0)); 
     bray.lookAt(ever); 

     var raycaster = new THREE.Raycaster(); 
     raycaster.set(bray.origin, bray.direction);    

     var intersects = raycaster.intersectObjects([meshFrame]); 

     var x = [scene.getObjectByName("meshFrame")]; 
     print(meshFrame.geometry.vertices); 

     console.log(intersects); 

     var lineF = new THREE.Line(geometryF, materialF); 
     scene.add(lineF);

非常感谢您的帮助。

来源

2016-11-17 Sam

在附注上，您应该更新**网格几何体的顶点**，如下所示：'meshFrame.geometry.verticesNeedUpdate = true'，甚至是'geom.verticesNeedUpdate = true'。最好在完成后推新顶点/修改它们。 – Hesha

你能提供任何jsfiddle例子吗？ – prisoner849

好的我解决了这个问题。显然面对的方向是问题。当我扭转它，它开始工作。

来源

2016-11-22 12:58:26 Sam

Three.js Raycaster不与我的自定义网格相交

回答

相关问题