8

有没有办法确定模型的大小和位置，然后自动居中和缩放模型，使其定位在原点和相机视图内？我发现当我从 Sketchup 导入 Collada 模型时，如果模型在 Sketchup 中没有以原点为中心，那么它在 three.js 中也没有居中。虽然这是有道理的，但在导入后自动居中到原点会很好。

我在不同的文件加载器中看到了一些关于获取导入模型边界的讨论，但我一直找不到任何关于如何做到这一点的参考。

缩放问题不太重要，但我觉得它与边界函数有关，这也是我问它的原因。

编辑：

玩了一会儿和更多谷歌搜索后的更多信息......

我在加载 collada 文件时的回调函数的代码现在如下所示：

loader.load(mURL, function colladaReady( collada ) {

dae = collada.scene;
skin = collada.skins[ 0 ];

dae.scale.x = dae.scale.y = dae.scale.z = 1;
dae.updateMatrix();

//set arbitrary min and max for comparison              
var minX = 100000;
var minY = 100000;
var minZ = 100000;
var maxX = 0;
var maxY = 0;
var maxZ = 0;

var geometries = collada.dae.geometries;               
for(var propName in geometries){
if(geometries.hasOwnProperty(propName) && geometries[propName].mesh){
    dae.geometry = geometries[propName].mesh.geometry3js;
    dae.geometry.computeBoundingBox();
    bBox = dae.geometry.boundingBox;
    if(bBox.min.x < minX) minX = bBox.min.x;
    if(bBox.min.y < minY) minY = bBox.min.x;
    if(bBox.min.z < minZ) minZ = bBox.min.z;
    if(bBox.max.x > maxX) maxX = bBox.max.x;
    if(bBox.max.y > maxY) maxY = bBox.max.x;
    if(bBox.max.z > maxZ) maxZ = bBox.max.z;
}
}
//rest of function....

这会生成一些关于模型的有趣数据。我可以获得模型的整体极端坐标，我假设（可能不正确）将接近模型的整体边界框。但是尝试对这些坐标做任何事情（例如平均并将模型移动到平均值）会产生不一致的结果。

此外，必须遍历模型的每个几何图形似乎效率低下，有没有更好的方法？如果不是，这个逻辑可以应用到其他加载器上吗？

4

2 回答 2

4

您可以使用THREE.Box3#setFromObject获取任何 Object3D 的边界框，包括导入的模型，而无需自己循环遍历几何。所以你可以做类似的事情

var bBox = new THREE.Box3().setFromObject(collada.scene);

得到模型的极端边界框；那么您可以使用 gaitat 链接的答案中的任何技术来正确设置相机位置。例如，您可以遵循这种技术（如何将相机拟合到对象）并执行以下操作：

var height = bBox.size().y;
var dist = height / (2 * Math.tan(camera.fov * Math.PI / 360));
var pos = collada.scene.position;
camera.position.set(pos.x, pos.y, dist * 1.1); // fudge factor so you can see the boundaries
camera.lookAt(pos);

快速小提琴：http: //jsfiddle.net/p19r9re2/。

于 2014-09-30T18:33:19.910 回答
0

试试geometry.center()

center: function () {

    var offset = new Vector3();

    return function center() {

        this.computeBoundingBox();

        this.boundingBox.getCenter( offset ).negate();

        this.translate( offset.x, offset.y, offset.z );

        return this;

    };

}(),
于 2018-04-25T02:42:25.787 回答