javascript - Three.js 对象居中

Question

我最近才开始使用 three.js，我终于可以正确加载我的模型了。但是，查看示例我注意到大多数示例中的居中都是通过这样的编码完成的

object.position.y = - 95;

这对于示例的目的来说效果很好，但我正在加载多个不同大小的对象，我不想为每个模型硬编码一个值。所以我的问题是，如何动态地使对象居中？

我看到 geometry.center 是一种实现此目的的方法，但我找不到任何示例，而且我不明白如何将其添加到此示例中

http://threejs.org/examples/#webgl_loader_obj_mtl

任何建议、教程、提示或示例都很棒。谢谢!

Answer 1

如果模型的枢轴点位于模型的垂直中心，您可以使用这种通用方法:

//object.geometry.center();
var box = new THREE.Box3().setFromObject( object )
var boundingBoxSize = box.max.sub( box.min );
var height = boundingBoxSize.y;
object.position.y = - height / 2;

如果几何图形已经移动，您可以使用 geometry.center() 将其重新居中。