实现对Autodesk Forge Viewer的ThreeJS转换控制

Question

我正在尝试将ThreeJS转换控件包含到我的Forge Viewer中，使用以下教程：

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

目前，我可以将转换控件插入到查看器中，但不能与其交互。在我的代码中，我必须对教程做一点修改。我不是添加叠加，而是添加一个场景，然后使用viewer.impl.addMesh(TransformControl)添加变换控件。由于未知的原因，add overlay不起作用。

与主场景不同的场景中的网格交互是否需要额外的步骤？下面是我的代码片段：

​

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网格

Answer 1

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

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