对 Autodesk Forge Viewer 实施 ThreeJS Transform 控件答案

【问题标题】：Implementing ThreeJS Transform control to Autodesk Forge Viewer对 Autodesk Forge Viewer 实施 ThreeJS Transform 控件
【发布时间】：2021-07-10 05:56:18
【问题描述】：

我正在尝试使用本教程将 ThreeJS Transform 控件包含到我的 Forge 查看器中：

https://adndevblog.typepad.com/cloud_and_mobile/2015/08/moving-visually-your-components-in-the-viewer-using-the-transformtool.html

目前我可以将变换控件插入查看器，但无法与之交互。在我的代码中，我必须对教程进行一些更改。我没有添加叠加层，而是添加了一个场景，然后使用 viewer.impl.addMesh(TransformControl) 添加了变换控件。由于某种未知原因，添加叠加层不起作用。

在与主场景不同的场景中与网格进行交互是否需要额外的步骤？这是我的代码 sn-p：

const transformControlTx: TransformControls =
      new THREE.TransformControls(viewer.impl.camera, viewer.impl.canvas, "scale");
transformControlTx.setSize(cube.geometry.boundingSphere.radius * 5);
transformControlTx.addEventListener('change', reRender);
if (!viewer.overlays.hasScene('CubeTranformScene')) {
      viewer.overlays.addScene('CubeTranformScene');
}
transformControlTx.attach(cube);
viewer.overlays.addMesh(transformControlTx, 'CubeTranformScene');

我希望这个变换控件能够控制我附加的立方体的比例，这也是一个自定义的 ThreeJS Mesh

【问题讨论】：

标签： javascript three.js autodesk-forge autodesk-viewer

【解决方案1】：

在https://forge-extensions.autodesk.io/?extension=TransformationExtension中实现和演示了相同的工具

代码：https://github.com/Autodesk-Forge/forge-extensions/tree/master/public/extensions/TransformationExtension

【讨论】：

谢谢。我如何使用该转换控件来改变比例而不是目前的翻译？在 ThreeJS Demo 中，我只需要向控件传递一个渲染回调，并在创建控件时将模式设置为“缩放”
在这个例子中演示了对象的缩放github.com/Autodesk-Forge/forge-extensions/tree/master/public/…
非常感谢您的帮助。我正在使用 Typescript，并遵循 github 示例。但是，我的新类不能扩展 ToolInterface，我只能实现。你能帮忙吗？