three.js中让模型自动居中的代码如下:

//load_Model为需要居中的3D模型
//原理是通过boundingBoxHelper 来计算模型的大小范围

var hex  = 0xff0000;     
var MD_Length,MD_Width,MD_height;//记录长宽高
var BaxH = new THREE.BoundingBoxHelper(Load_Model,hex);//创建BoundingBoxHelper
BaxH.update();//更新
scene.add( BaxH ); //添加到场景中
MD_Length=BaxH.box.max.x-BaxH.box.min.x; //
MD_Width=BaxH.box.max.z-BaxH.box.min.z;//
MD_height=BaxH.box.max.y-BaxH.box.min.y;////计算模型中心位置
var Cx,Cy,Cz;
Cx=BaxH.box.min.x+MD_Length/2;
Cz=BaxH.box.min.z+MD_Width/2;
Cy=BaxH.box.min.y+MD_height/2;

//添加并设置group坐标位置
var group=new THREE.Group();
scene.add(group);
group.position.set(0,0,0);
group.add(Load_Model);//将模型加入到group中
            
//计算新模型新位置 根据模型中心位置设置偏移方向
var NewX,NewY,NewZ;
if(Cx>=0){
    NewX=-Cx;               
}else{
    NewX=Cx;
}

if(Cy>=0){
    NewY=-Cy;
}else{
    NewY=Cy;
}

if(Cz>=0){
    NewZ=-Cz;
}else{
    NewZ=Cz;
}

Load_Model.position.set(NewX,NewY,NewZ);

 

posted on 2020-03-09 19:12  dawn888  阅读(2418)  评论(0编辑  收藏  举报

导航