I want to pick a face in a mesh when clicking on it with the mouse. The mesh is loaded using ObjLoader and MtlLoader (attached) When clicking on the mesh, sometimes an intersection is detected, but sometimes not.
Attached here is a small self-contained example that is based on webgl_interactive_cubes.html and the .obj file. If setting the variable loadCubes to true the original example runs as expected, i.e. intersections are detected. If setting the variable loadCubes to false, the obj file is loaded but the intersections are not detected.
Thanks, Avner
p.s. Related links that I looked at: similar problem description: here and here, code pattern, raycasting documentation
THREE.Raycaster() has .intersectObjects ( objects, recursive ) method.
The documentation says about parameters of this method (if you looked at it attentively):
objects — The objects to check for intersection with the ray.
recursive — If true, it also checks all descendants of the objects. Otherwise it only checks intersecton with the objects. Default is false.
THREE.OBJLoader(), returns THREE.Group() object, containing THREE.Mesh() object(s) in its .children property.
So your check for intersection should be like that:
var intersects = raycaster.intersectObjects( scene.children, true );
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments