Threejs模型：调整模型的视角

x、y、z轴的位置

创建盒子

modelBounds = new THREE.Box3() // 创建一个盒子
// 赋值为每一个模型的构件的盒子 data
if (modelBounds.isEmpty()) {
  modleBounds = data
} else {
  modelBounds.union(data) // 在 box 参数的上边界和已有box对象的上边界之间取较大者，而对两者的下边界取较小者，这样获得一个新的较大的联合盒子
}

思路是：假设相机位于模型的正上方，那么相机相对于模型的两边的夹角相同，设定一个夹角为60度，那么可以知道相机此时的位置坐标

var size = modelBounds.getSize() // 获取到盒子的宽度，高度，深度
var center = modelBounds.getCenter() // 获取到盒子的中心点位置
var max = modelBounds.max // 获取盒子的最大的位置
var x = center.x
var y = center.y
var z = center.z + size.z / 2 // 使得到的点位置盒子的顶部
var zDis = Math.tan(60 * Math.PI / 180) *

Threejs模型：调整模型的视角

悦读