Threejs 3D模型居中

最新推荐文章于 2024-07-24 16:53:23 发布

JoyWang1024

最新推荐文章于 2024-07-24 16:53:23 发布

阅读量1.2k

点赞数

文章标签： html html5 前端

本文链接：https://blog.csdn.net/qq_28084837/article/details/129318732

版权

项目开发中难免会遇到客户导出的3D模型中心点并不在坐标中心，这时候直接渲染这个模型会发现模型位置会有所偏移

calcMeshCenter(group) {
    /**
     * 包围盒全自动计算：模型整体居中
     */
    var box3 = new THREE.Box3()
    // 计算层级模型group的包围盒
    // 模型group是加载一个三维模型返回的对象，包含多个网格模型
    box3.expandByObject(group)
    // 计算一个层级模型对应包围盒的几何体中心在世界坐标中的位置
    var center = new THREE.Vector3()
    box3.getCenter(center)
    // console.log('查看几何体中心坐标', 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
  }