threejs加载3D模型实现模型在画布自动居中

最新推荐文章于 2024-09-05 14:55:39 发布

编程小五

最新推荐文章于 2024-09-05 14:55:39 发布

阅读量661

点赞数

文章标签： 3d

本文链接：https://blog.csdn.net/weixin_58737883/article/details/130159911

版权

该代码段定义了一个calcMeshCenter函数，它接受一个Three.js的group对象作为参数，通过Box3计算对象的边界盒中心点，然后调整group的位置使其在三维空间中居中。这在加载3D模型后，确保模型在不同设备上都能居中显示。

摘要由CSDN通过智能技术生成

calcMeshCenter (group) {

const box3 = new Three.Box3()

box3.expandByObject(group)

const center = new Three.Vector3(0, 0, 0)

box3.getCenter(center)

group.position.x = group.position.x - center.x

group.position.y = group.position.y - center.y

group.position.z = group.position.z - center.z

}

在loader里调用这个方法传入模型对象即可实现根据不同设备自动居中

如下

this.calcMeshCenter(scene)