自定义网格的 TransformControls答案

【问题标题】：TransformControls for custom mesh自定义网格的 TransformControls
【发布时间】：2018-07-23 12:38:06
【问题描述】：

我按照下面的示例并能够在 Forge Viewer 上绘制自定义网格。 https://forge.autodesk.com/blog/handling-custom-meshes-selection-along-model-components-forge-viewer

扩展它，我在handleSingleClick事件中选择的自定义对象中添加了TransformControls工具；

if (selections.length) {
    console.log('Custom meshes selected:')
    console.log(selections)

    const control = new THREE.TransformControls(this.viewer.impl.camera, this.viewer.impl.canvas, 'translate');
    control.attach(selections[0].object);
    this.viewer.impl.addOverlay('myOverlay', control);

    this.viewer.impl.sceneUpdated(true);

    return true
}

现在，当我尝试拖动变换工具时，自定义对象没有移动。

我转换自定义对象的方法是否正确？

【问题讨论】：

标签： autodesk-forge autodesk-viewer

【解决方案1】：

处理网格的拖动需要更多代码，例如 handleButtonDown、handleButtonUp , handleMouseMove ...我编写了一个工具来处理查看器组件的变换，您可以使用它作为起点来变换自定义网格以及一些调整：

Viewing.Extension.Transform

还有那些文章：

Moving visually your components in the viewer using the TransformTool

Rotate Components Control for the Viewer

【讨论】：

Viewer.Extensions.Dynamic 文件夹中的这些扩展是否默认不可用？我们是否应该复制这些 JS 文件并包含在我们的项目中？
这是一个自定义项目，默认没有这个代码。由于依赖关系，将它们剪切和粘贴到您自己的项目中并不容易，ES6 并且其中一些具有在 React 中实现的 UI。项目源代码按原样提供，用于演示目的。