THREE.js Raycasting d'une caméra enfant à la scène

J'essaie de rayonner la souris de ma caméra pour faire un survoltage et cliquer sur les événements sur les mailles de ma scène.

Mon problème est que ma caméra est actuellement l'objet enfant d'un autre maillage (pour faciliter le mouvement / la rotation de la caméra) et maintenant, mon raycast ne fonctionne pas (je suppose parce que la caméra est un enfant du maillage, et non la scène).

Cela fait partie de mon code:

//camera setup var camera = new THREE.PerspectiveCamera(60, window.innerWidth/window.innerHeight, 0.1, 1000); var cameraTargetGeom = new THREE.SphereGeometry(0.5); var cameraTargetMaterial = new THREE.MeshLambertMaterial({color: 0xff0000, ambient: 0xff0000}); var cameraTarget = new THREE.Mesh(cameraTargetGeom, cameraTargetMaterial); cameraTarget.position.set(0.15, 0, 5); scene.add(cameraTarget); cameraTarget.add(camera); camera.position.y = 18; camera.rotation.x = Math.PI * -90 / 180; // click event renderer.domElement.addEventListener('click', clickedCanvas); function clickedCanvas(e) { e.preventDefault(); mouse.x = (e.clientX / renderer.domElement.width) * 2 - 1; mouse.y = -(e.clientY / renderer.domElement.height) * 2 + 1; raycaster.setFromCamera(mouse, camera); var intersects = raycaster.intersectObjects(scene.children, true); console.log(intersects); if (intersects.length > 0) { >... (redacted code) } } 

Il fonctionnait bien avant d'ajouter la caméra à l'objet CameraTarget. Comment puis-je rayonner de la caméra maintenant que c'est un enfant de la cameraTarget?

• Afficher / Masquer div lorsque la case sélectionnée
• JQuery Full Calendar – éditer la vue du calendrier après l'initialisation
• Php setcookie ne fonctionne pas avec un appel ajax
• Pourquoi les composants en réaction doivent-ils être mis en majuscule?
• JQuery UI Slider – La valeur renvoyée de l'événement 'slide' à la sortie est différente de la valeur 'change'

• IE ne permet pas l'événement onClick sur l'élément DOM 'a' créé dynamiquement
• Pourquoi l'on écrirait-il un code global dans une définition de fonction – une paire d'appels?
• Uncaught TypeError: Impossible de définir le style de propriété de # <HTMLElement> qui n'a qu'un getter
• Comment lire / écrire des fichiers locaux via une page Web?
• TypeError: Impossible de lire la propriété 'click' of null

 var raycaster = new THREE.Raycaster(); // create once and reuse var mouse = new THREE.Vector2(); // create once and reuse ... mouse.x = ( event.clientX / renderer.domElement.clientWidth ) * 2 - 1; mouse.y = - ( event.clientY / renderer.domElement.clientHeight ) * 2 + 1; raycaster.setFromCamera( mouse, camera ); var intersects = raycaster.intersectObjects( objects, recursiveFlag );