Autodesk Forge Viewer 中的三个 JS 限制变换控制运动

Posted 2023-03-16

【中文标题】Autodesk Forge Viewer 中的三个 JS 限制变换控制运动

【英文标题】：ThreeJS Limit TransformControl movement in Autodesk Forge Viewer

【发布时间】：2021-08-02 12:44:58

【问题描述】：

我有一个来自 ThreeJS 的 TransformControl 附加到 Forge 查看器场景中的自定义网格。我使用自定义网格的位置来修改自定义立方体的大小。如果控件的移动导致立方体的大小缩小到最小大小以下，我想停止 TransformControl 的移动。

流程是：

1 - 用户拖动控件

2 - 获取附加网格的位置并确定尺寸变化量。

3 - 如果数量导致尺寸低于最小值，请将尺寸设置为最小值，将控件和附加网格的位置设置为会导致尺寸最小的位置，并且无法进一步拖动控件。用户可以一直按住Control，如果用户将Control拖到不会导致尺寸最小的位置，那么Control可以再次移动，尺寸会发生变化。

【参考方案1】：

不幸的是，在 Forge Viewer (R71) 使用的 three.js 版本中，TransformControls 类似乎没有提供任何方式来挂钩翻译更新：https://github.com/mrdoob/three.js/blob/r71/examples/js/controls/TransformControls.js#L812-L853。如果你想根据一些自定义条件控制逻辑，你可能不得不以某种方式破解它，例如，通过覆盖 onPointerMove 方法，如果 offset 向量的长度低于它，则提前离开它一定的门槛。

【讨论】：

谢谢。我就是这样做的，而且效果很好。