three.js中让模型居中的示例代码

发布于
# 编程

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);

该代码来自QQ群文件分享。高手可以自己修改使用。

找到 0 条评论