Raycasting ThreeJS est différent dans R81 que R71

Question

J'ai un plan avec un maillage. Mon code dessine une balle lorsque l'utilisateur clique deux fois sur le maillage. Cela fonctionne très bien dans R71 mais dès que je suis passé à R81 raycaster ne renvoie pas un croisement. Voici le code:

Dans init():

// Plane 
plane = new THREE.Mesh(
    new THREE.PlaneBufferGeometry(1000, 1000, 3, 3), 
    new THREE.MeshBasicMaterial({ color: 0xff0000, opacity: .5, transparent: true }) 
); 

plane.visible = false; 
scene.add(plane); 
planes.push(plane); 

En doubleClickEvent():

event.preventDefault(); 

var mouse = new THREE.Vector2((event.clientX/window.innerWidth) * 2 - 1, -(((event.clientY/window.innerHeight) * 2 - 1))); 
var directionVector = new THREE.Vector3(); 
directionVector.set(mouse.x, mouse.y, 0.1); 
directionVector.unproject(camera); 
directionVector.sub(camera.position);   
directionVector.normalize(); 
raycaster.set(camera.position, directionVector); 
intersects = raycaster.intersectObjects(planes); 
if (intersects.length) { 
    var sphereParent = new THREE.Object3D(); 
    var sphereGeometry = new THREE.SphereGeometry(.1, 16, 8); 
    var sphereMaterial = new THREE.MeshLambertMaterial({ color: 0xffffff }); 
    var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial); 
    sphereParent.add(sphere); 
    sphereParent.position.set(intersects[0].point.x, intersects[0].point.y, 0.0); 
    scene.add(sphereParent); 
    objects.push(sphereParent); 
} 

Si je change

intersects = raycaster.intersectObjects(planes); 

à

intersects = raycaster.intersectObjects(scene.children); 

la balle est tirée mais elle est tirée sur la mauvaise position.

Des idées?

Answer 1

J'ai trouvé la réponse. La raison pour laquelle le raycast ne fonctionne pas est que la visibilité de l'avion est fausse. La solution consiste à changer la visibilité de la visibilité matérielle plutôt que l'avion.