對 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