three.js - 管几何缩放

Question

我有一个用 200 个点构建的管几何结构，它在很多部分都有弯曲。 现在，我展示了用户双击管的 +/- 10 个点的部分。 所选部分按tubeMesh.scale.x 和tubeMesh.scale.z 缩放。 如果用户点击圆柱部分，缩放管看起来不错。

但问题在于管子上有弯曲的部分。带刻度的管子看起来不太好。请看附图。

如何缩放管子以使其无论选择哪个部分看起来都很完美？

Answer 1

如果边界框在一侧较小，则根据边界框进行缩放，然后具有更大的比例。

tubeMesh.computeBoundingBox();
tubeMesh.scale.x = 100 / (tubeMesh.boundingBox.max.x - tubeMesh.boundingBox.min.x);
tubeMesh.scale.z = 100 / (tubeMesh.boundingBox.max.z - tubeMesh.boundingBox.min.z);