three.js - 管几何缩放

时间:2013-01-08 08:27:46

标签: javascript html5 html5-canvas three.js

我的管道几何形状有200个点,并且在很多部分都有弯曲。 现在我显示一个+/- 10点的部分,用户双击管。 所选部分按tubeMesh.scale.xtubeMesh.scale.z进行缩放。 如果用户点击圆柱形部分,则缩放的管显示良好。

但问题在于管子弯曲的部分。刻度管看起来不太好。请查看附件图片。bend portion in a scaled view

如何对管子进行缩放,使其在选择部分时看起来很完美?

1 个答案:

答案 0 :(得分:0)

如果边界框在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);