How To Get Clicked Geometry's Name Attribute From BufferGeometry?

[mlelyakan]

Hello Experts,
I’m developing a VueJs application and added 1000 box model to the scene. Although I’ve set the every geometry’s name attribute when I clicked the box model I couldn’t get the box geometry’s name. I think this is caused by applying merged buffer geometry. Is it possible to get name attribute by clicking in some way ?

Here is my code;

addCubeToScene() {
      this.oDracoLoader = new DRACOLoader();
      this.oDracoLoader.setDecoderPath("./draco/");
      this.oGltfLoader = new GLTFLoader();
      this.oGltfLoader.setDRACOLoader(this.oDracoLoader);
      this.oDracoLoader.preload();
      this.oGltfLoader.load(BoxModel, function(oObject) {
        oObject.scene.traverse(function(oObject) {
          if (oObject.isMesh) {
            var oObjectGeometry = oObject.geometry;
            for (var i = 0; i < 1000; i++) {
              var oGeometry = oObjectGeometry.clone();
              oGeometry.applyMatrix4(
                new THREE.Matrix4().makeTranslation(
                  Math.random() * 3000,
                  Math.random() * 5000,
                  Math.random() * 1000
                )
              );
              oGeometry.name = "Box-" + i;
              oCubes.push(oGeometry);
            }
            var oGeometriesCubes = BufferGeometryUtils.mergeBufferGeometries(
              oCubes
            );
            oGeometriesCubes.computeBoundingSphere();
            const oTexture = new THREE.TextureLoader().load(BoxTexture);
            oTexture.magFilter = THREE.NearestFilter;
            var oMesh = new THREE.Mesh(
              oGeometriesCubes,
              new THREE.MeshLambertMaterial({
                map: oTexture,
                side: THREE.DoubleSide,
              })
              // new THREE.MeshNormalMaterial()
            );
            oMesh.scale.set(0.5, 0.5, 0.5);
            oThis.scene.add(oMesh);
            oThis.renderScene();
          }
        });
      });
    }

onMouseClick(oEvent) {
      oEvent.preventDefault();
      oEvent.stopPropagation();
      oMouse.x =
        (oEvent.offsetX / this.renderer.domElement.clientWidth) * 2 - 1;
      oMouse.y =
        -(oEvent.offsetY / this.renderer.domElement.clientHeight) * 2 + 1;
      oRaycaster.setFromCamera(oMouse, this.camera);
      var oIntersects = oRaycaster.intersectObjects(this.scene.children, true);
      if (oIntersects[0] && oIntersects[0].object) {
        var oObject = oIntersects[0].object;
        console.log(oObject); // I would like to get clicked geometry's name from this object
      }
    },

Here is the image representing box model’s view;

Here is the result of box geometry datas;

Thanks for your help and suggestions.