我最近才刚开始使用three.js,最后终于正确加载了我的模型。但是,在查看示例时,我注意到大多数示例中的居中都是通过这样的编码完成的
object.position.y = - 95;
出于示例的目的,这很好用,但是我正在加载多个大小不同的对象,并且我不想为每个模型都硬编码一个值。所以我的问题是,如何动态地使对象居中?
我看到geometry.center是实现此目的的一种方法,但是我找不到任何示例,而且我不知道如何将其添加到此示例中
http://threejs.org/examples/#webgl_loader_obj_mtl
任何建议,教程,技巧或示例都很好。谢谢!
如果模型的枢轴点位于模型的垂直中心,则可以使用以下常规方法:
//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()
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句