一品网
  • 首页

three.js导入模型自适应居中展示


用于导入模型后,自动调整模型的缩放比例

//适合模型观察的缩放比例
  setScaleToFitSize(obj) {
    const boxHelper = new THREE.BoxHelper(obj);
    boxHelper.geometry.computeBoundingBox();
    const box = boxHelper.geometry.boundingBox;
    const maxDiameter = Math.max((box.max.x - box.min.x), (box.max.y - box.min.y), (box.max.z - box.min.z));
    const scaleValue = this.camera.position.z / maxDiameter;
    obj.scale.set(scaleValue, scaleValue, scaleValue);
  }
three.js

相关


使用webgl(three.js)创建3D机房(升级版)-普通机房

如何用webgl(three.js)搭建一个3D库房-第一课

使用webgl(three.js)创建3D机房,3D机房微模块详细介绍(升级版二)

使用webgl(three.js)搭建一个3D智慧园区、3D建筑,3D消防模拟,web版3D,bim管理系统——第

Three.js中的动画实现02-[Three.js]-[Object3D属性.onAfterRender/.onBeforeRender]

监听窗口大小变化,改变画面大小-[Three.js]-[onResize]

监听窗口大小变化,改变画面大小-[Three.js]-[onResize]

Three.js中的动画实现02-[Three.js]-[Object3D属性.onAfterRender/.onBeforeRender]

Three.js中的动画实现02-[Three.js]-[Object3D属性.onAfterRender/.onBeforeRender]

监听窗口大小变化,改变画面大小-[Three.js]-[onResize]

《Three.js 入门指南》2.4.1- 照相机 - 透视投影demo

002_Three.js 中添加阴影 - [Three.js] - [阴影效果]

标签

一品网 冀ICP备14022925号-6