three中使用transfromControl多个模型拖动

在Three.js库中，`TransformControls`是一个非常有用的组件，它允许用户通过鼠标或触摸设备对场景中的对象进行旋转、缩放和平移操作。如果你想要在一个场景中同时控制多个模型，你需要为每个模型实例化单独的`TransformControls`并分别绑定到它们。

以下是如何为两个模型添加`TransformControls`的基本步骤：

1. **创建模型**：

   var model1 = ...; // 创建第一个模型
   var model2 = ...; // 创建第二个模型

2. **创建控制对象**：

   var controls1 = new THREE.TransformControls(camera, object1); // 对model1创建控制
   var controls2 = new THREE.TransformControls(camera, object2); // 对model2创建控制

`camera`是你需要控制的对象（通常是场景的主相机），`object1`和`object2`分别是你要控制的模型。

3. **添加到场景**：

   scene.add(controls1.object); // 将控制对象添加到场景以便显示
   scene.add(controls2.object);

4. **响应用户的交互**：
用户可以通过鼠标或触摸事件触发模型的变换。你可以监听`controls1.update()`和`controls2.update()`函数，以便在用户操作时实时更新模型的位置。

5. **初始化位置**：

   controls1.target.set(model1.position.x, model1.position.y, model1.position.z); // 设置初始目标点
   controls2.target.set(model2.position.x, model2.position.y, model2.position.z);