Allow passing custom scene hierarchy to intersect

src/ray-input.js

@@ -57,10 +57,12 @@ export default class RayInput extends EventEmitter {
     delete this.handlers[object.id]
   }
 
-  update() {
+  update(meshes) {
     let lookAt = new THREE.Vector3(0, 0, -1);
     lookAt.applyQuaternion(this.camera.quaternion);
 
+    this.currentMeshes = meshes;
+
     let mode = this.controller.getInteractionMode();
     switch (mode) {
       case InteractionModes.MOUSE:
@@ -166,7 +168,7 @@ export default class RayInput extends EventEmitter {
       default:
         console.error('Unknown interaction mode.');
     }
-    this.renderer.update();
+    this.renderer.update(meshes);
     this.controller.update();
   }
 
@@ -196,7 +198,7 @@ export default class RayInput extends EventEmitter {
     //console.log('onRayDown_');
 
     // Force the renderer to raycast.
-    this.renderer.update();
+    this.renderer.update(this.currentMeshes);
     let mesh = this.renderer.getSelectedMesh();
     this.emit('raydown', mesh);
 

src/ray-renderer.js

@@ -94,15 +94,28 @@ export default class RayRenderer extends EventEmitter {
     }
   }
 
-  update() {
+  update(meshes) {
     // Do the raycasting and issue various events as needed.
+    let intersects = this.raycaster.intersectObjects(meshes, true);
+    let intersectedMesh;
+
+    for (var i=0; i < intersects.length; i++) {
+      let obj = intersects[i].object;
+
+      // traverse the hierarchy backwards, to find a clickable mesh via a child
+      while (obj && !this.meshes[obj.id]) {
+        obj = obj.parent;
+      }
+
+      if (obj) {
+        intersectedMesh = obj.id;
+        break;
+      }
+    }
+
     for (let id in this.meshes) {
       let mesh = this.meshes[id];
-      let intersects = this.raycaster.intersectObject(mesh, true);
-      if (intersects.length > 1) {
-        console.warn('Unexpected: multiple meshes intersected.');
-      }
-      let isIntersected = (intersects.length > 0);
+      let isIntersected = (intersectedMesh === mesh.id);
       let isSelected = this.selected[id];
 
       // If it's newly selected, send rayover.