three.js模型不在视野*问题

项目中需要模型展示功能,遇到模型位置不在坐标*,导致初始化模型离相机很远,模型显示的很小。以下是解决方法。

//定义方法
function getFitScaleValue(obj) {
    var boxHelper = new THREE.BoxHelper(obj);
    boxHelper.geometry.computeBoundingBox();
    var box = boxHelper.geometry.boundingBox;//获取模型边界
    var maxDiameter = 1.5 * Math.max((box.max.x - box.min.x), (box.max.y - box.min.y), (box.max.z - box.min.z)); //数值越大,模型越小
    return Math.ceil(LBTcamera.position.z / maxDiameter);
}

//加载模型时调用
FBXloader.load(FBXfilepath, function (object) {
    let LBTscale = getFitScaleValue(object);        
    // 放大三维显示倍数,默认为1
    object.scale.multiplyScalar(LBTscale);
});

 

上一篇:使用vue架构构建three.js3d场景—UI界面___#三分有点码#专栏


下一篇:使用微信CRM系统配合工作手机,对员工微信进行管理!