Update objects in Dragcontrols


I am really impressed by the three.js. And currently, I got an issue that how to update the objects in dragControls after I initiate it.

        const dragControls = new THREE.DragControls( objects, camera, labelRenderer.domElement );
       const  orbitControls = new THREE.OrbitControls( camera, labelRenderer.domElement );
       dragControls.addEventListener( 'dragstart', function (event) { 
            orbitControls.enabled = false;
        } );
      dragControls.addEventListener( 'dragend', function (event){
            event.object.material.color.setHex( 0x00ff00);
            orbitControls.enabled = true; 
        } );

Should I call init() again? When I can init() again, the previous draggable objects cannot change the position.
Could anyone give some suggestions?


No, you normally create controls objects just once. Same for adding event listeners.

Thanks!!! Really appreciate it!!