Search mesh recursively when picked with the inspector

inspector/src/tabs/PropertyTab.ts

@@ -121,9 +121,31 @@ module INSPECTOR{
         /** Returns the treeitem corersponding to the given obj, null if not found */
         public getItemFor(_obj:any) : TreeItem{
             let obj = _obj as BABYLON.AbstractMesh;
+            
+            // Search recursively
+            let searchObjectInTree = (object: any, treeItem: TreeItem): TreeItem =>  {
+                if(treeItem.correspondsTo(object)) {
+                    return treeItem;
+                }
+                else{
+                    if(treeItem.children.length > 0){
+                        for (let item of treeItem.children) {
+                            let it = searchObjectInTree(obj, item);
+                            if (it) {
+                                return it;
+                            }
+                        }
+                    }
+                    else{
+                        return null;
+                    }
+                } 
+            }
+
             for (let item of this._treeItems) {
-                if (item.correspondsTo(obj)) {
-                    return item;
+                let it = searchObjectInTree(obj, item);
+                if (it) {
+                    return it;
                 }
             }
             return null;

inspector/src/tools/PickTool.ts

@@ -38,7 +38,6 @@ module INSPECTOR {
             let pi = this._inspector.scene.pick(pos.x, pos.y, (mesh:BABYLON.AbstractMesh) => {return true});
             
             if (pi.pickedMesh) {
-                console.log(pi.pickedMesh.name);
                 this._inspector.displayObjectDetails(pi.pickedMesh);
             }
             this._deactivate();

inspector/test/index.js

@@ -215,7 +215,7 @@ var Test = (function () {
 
         scene.getMeshByName("Box #6").scaling.x = 2;
 
-        //Other meshes
+        //Other meshes, to contrôl mesh hierarchy
         var box1 = BABYLON.MeshBuilder.CreateBox("box1", {size: 1}, scene);
 
         var box2 = BABYLON.MeshBuilder.CreateBox("box2", {size: 1}, scene);
@@ -239,8 +239,8 @@ var Test = (function () {
         var sphere_1 = BABYLON.Mesh.CreateSphere("_sphere_1", 16, 2, scene);
 
         var assets_mesh = new BABYLON.AbstractMesh("assets_mesh", scene);
-        var sphere_2 = BABYLON.Mesh.CreateSphere("sphere_2", 3, 2, scene);
-        var sphere_3 = BABYLON.Mesh.CreateSphere("sphere_3", 2, 2, scene);
+        var sphere_2 = BABYLON.Mesh.CreateSphere("_sphere_2", 3, 2, scene);
+        var sphere_3 = BABYLON.Mesh.CreateSphere("_sphere_3", 2, 2, scene);
         var scene_mesh = new BABYLON.AbstractMesh;
         scene_mesh.name="scene_mesh";
     
@@ -248,6 +248,17 @@ var Test = (function () {
         sphere_2.parent = assets_mesh;
         sphere_3.parent = assets_mesh;
 
+        for (var i=0; i<10 ; i++){
+            var inst = sphere_1.clone("C_" + i + "clone");
+            inst.isVisible = true;
+            inst.setEnabled = true;
+            inst.parent = scene_mesh;
+            inst.position.x = i*2;
+            inst.refreshBoundingInfo();
+            inst.computeWorldMatrix();
+        }
+
+
 
         // gui
         var advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");