Activeobject bind with dragcontroler hover every object i want to bind only the three object

Questions
1

I have load STL file in the editor and then after I want to hover on that object with drag control so after hoverOn transform control to controller show, this have allready work perfect in the old version pakcage code but same code not work, because

In old version pakcage code hoveron fucntion only called that object loadStl file object but new version code misleading

 addDragControl() {
    this.dragControls = new DragControls(this.objects, this.camera, this.renderer.domElement);
    this.dragControls.addEventListener('hoveron', this.onHoverObject.bind(this));

    // Disable DragControls while TransformControls are active
    this.transformcontrols.addEventListener('dragstart', () => {
        this.dragControls.enabled = false;
    });
    this.transformcontrols.addEventListener('dragend', () => {
        this.dragControls.enabled = true;
    });
  }

image

image
image855×686 38.2 KB

2

Do you mean old version of three.js? If yes, which version were you using and which version did you upgrade to?

To use dragging / hover on objects that contain more than a single mesh, it’s often good to create collider bounding boxes / bounding spheres around the objects and bind controls only to these colliders - then make complex meshes follow the colliders whenever they update. That way you avoid object children / hierarchy interfering with the controls.