Javascript three.js-管几何体缩放
我用200个点构建了一个管状几何体,它的许多部分都有弯曲。 现在我展示的是一个有+/-10个点的部分,用户双击一根管子。 所选部分按Javascript three.js-管几何体缩放,javascript,html,html5-canvas,three.js,Javascript,Html,Html5 Canvas,Three.js,我用200个点构建了一个管状几何体,它的许多部分都有弯曲。 现在我展示的是一个有+/-10个点的部分,用户双击一根管子。 所选部分按tubeMesh.scale.x和tubeMesh.scale.z缩放。 如果用户单击圆柱形部分,缩放的管显示良好 但问题在于管子上有弯曲的部分。缩放的管看起来不好。请看附件中的图片 如何缩放管,使其无论选择什么部分都看起来完美?根据边界框缩放如果边界框在一侧较小,则缩放比例较大 tubeMesh.computeBoundingBox(); tubeMesh.sca
tubeMesh.scale.x
和tubeMesh.scale.z
缩放。
如果用户单击圆柱形部分,缩放的管显示良好
但问题在于管子上有弯曲的部分。缩放的管看起来不好。请看附件中的图片
如何缩放管,使其无论选择什么部分都看起来完美?根据边界框缩放如果边界框在一侧较小,则缩放比例较大
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);
你能提供一段代码吗?因为我没有计算边界框:@gero3感谢代码。遇到错误
未捕获类型错误:无法在three.js r54中设置未定义的属性“x”。@Gero3