对 Autodesk Forge Viewer 实施 ThreeJS Transform 控件

Question

我正在尝试使用本教程将 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) 添加了变换控件。 由于某种未知的原因，添加覆盖不起作用。

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

 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

Answer 1

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

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