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 条评论