【threejs】透视相机，实现相机根据模型大小自适应，将模型放置在视角内

最新推荐文章于 2024-07-06 17:24:00 发布

看点博客

最新推荐文章于 2024-07-06 17:24:00 发布

阅读量1.5k

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/hzqzzz/article/details/131084076

版权

透视相机，实现相机根据模型大小自适应，将模型放置在视角内

 const box3_2 = new THREE.Box3().setFromObject(object);   //新建一个Box3包裹盒把模型包裹起来
        const boxSize = box3_2.getSize(new THREE.Vector3()).length();  //综合计算出模型的长度值，利用它设置相机位置
        boxCenter = box3_2.getCenter(new THREE.Vector3());
        const fov = camera.fov * (Math.PI / 180);
        const cameraZ = boxSize / 2 / Math.tan(fov / 2);
        camera.position.z = cameraZ;