Three.js对象居中

托尼

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

object.position.y = - 95;

出于示例的目的,这很好用,但是我正在加载多个大小不同的对象,并且我不想为每个模型都硬编码一个值。所以我的问题是,如何动态地使对象居中?

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

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

任何建议,教程,技巧或示例都很好。谢谢!

福克·蒂尔(Falk Thiele)

如果模型的枢轴点位于模型的垂直中心,则可以使用以下常规方法:

//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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Three.js对象居中

来自分类Dev

Three.JS对象裁剪?

来自分类Dev

Three.js射线对象交集

来自分类Dev

Three.js对象的“中心”是什么?

来自分类Dev

three.js旋转面向对象

来自分类Dev

three.js透明对象遮挡

来自分类Dev

使用three.js使对象部分透明

来自分类Dev

Three.js合并对象和纹理

来自分类Dev

在Three.js的中心旋转mergeometry对象

来自分类Dev

Three.js-对象跟随鼠标位置

来自分类Dev

Three.js优化了很多对象

来自分类Dev

Three.js:如何返回对象的大小?

来自分类Dev

Three.js射线对象交集

来自分类Dev

场景中的静态对象-Three.js

来自分类Dev

Three.js-选定/取消选定的对象

来自分类Dev

在three.js中旋转对象

来自分类Dev

围绕对象轴THREE.js旋转对象

来自分类Dev

使用Three.js,WebGL显示对象的顶点并旋转对象

来自分类Dev

three.js-选择对象,获取对象材料

来自分类Dev

从对象移开后,Three.js raycaster不会击中对象

来自分类Dev

使用Three.js,WebGL显示对象的顶点并旋转对象

来自分类Dev

THREE.ObjectLoader的Three.js错误

来自分类Dev

Three.js-将两个按钮居中放置在父div的子div中

来自分类Dev

在python-vtk / three.js中将多数据模型的轴/轴居中

来自分类Dev

如何仅在 X 和 Y 上将three.js 中的网格居中

来自分类Dev

Three.js:SVGRenderer?

来自分类Dev

Three.js /交集

来自分类Dev

Three.js-TransformControls

来自分类Dev

Three.JS与流