Three.js Raycaster schneidet mein benutzerdefiniertes Netz nicht

Question

Ich bin neu bei Three.js. Raycaster arbeitet für importierte Objekte finden, aber es funktioniert nicht, wenn ich eine benutzerdefinierte Masche wie folgt erstellen:

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

Was denken Sie Problem sein könnte? Im Dreieck passieren Strahlen, aber immer noch schneiden sich die Objekte leer zurück. Hier mein Raycasting Code:

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

Vielen Dank für Ihre Hilfe.

Answer 1

Okay, ich löste das Problem. Offensichtlich war die Gesichtsausrichtung das Problem. Als ich es rückgängig machte, fing es an zu arbeiten.