threejs中如何同时拖拽多个mesh？

Question

多个模型选择是用SelectionBox实现的。现在得到了一个mesh的数组。那么如何同时拖拽，这个数组里的所有mesh？

Answer 1

使用DragControls

const controls = new DragControls( objects, camera, renderer.domElement );
this.dragControls.transformGroup = true

transformGroup属性，当 数组objects 内只有一个THREE.Group的时，会把整个group拖动。
另外，如果想要拖动的mesh，已经在其他不同group中，可以用 .attach()解决， 也就是说 先把要拖动的模型放入同一个待拖拽的group中，等拖动完成后，再把模型用同样的方法放回原来的parent中。

官网有例子misc_controls_drag.html