threejs让模型居中

最新推荐文章于 2024-12-18 11:13:31 发布

马娟

最新推荐文章于 2024-12-18 11:13:31 发布

阅读量3.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： threejs

本文链接：https://blog.youkuaiyun.com/weixin_41077029/article/details/108401026

threejs 专栏收录该内容

2 篇文章

订阅专栏

//让模型居中
function setContent(object) {
    object.updateMatrixWorld();
    const box = new THREE.Box3().setFromObject(object);
    const size = box.getSize(new THREE.Vector3()).length();
    const boxSize = box.getSize();
    const center = box.getCenter(new THREE.Vector3());
    object.position.x += object.position.x - center.x;
    object.position.y += object.position.y - center.y;//修改center.y可以设置模型整体上下偏移
    object.position.z += object.position.z - center.z;
    camera.position.copy(center);
    if (boxSize.x > boxSize.y) {
        camera.position.z = boxSize.x * -2.85;
    } else {
        camera.position.z = boxSize.y * -2.85;
    }
    camera.lookAt(0, 0, 0);
}