获取模型的边界框或中心

Question

我想知道是否有方法获取通过3dio.js插入的模型的边界框，或者计算其中心点？我正在寻找他们的原点。

下面的图片显示了与红色框指示的场景原点相关的两个模型。

Answer 1

可以访问3d.io实体的three.js所对象是这样的：

var threeElem = document.getElementById("custom-id").components['io3d-data3d'].data3dView.threeParent 

然后你可以使用从three.js所本地边框：

var bbox = new THREE.Box3().setFromObject(threeElem) 

像这样你可以得到最小/最大范围whi你可以用它来确定原点。

我希望能回答你的问题。让我知道！

编辑： 家具，很可能会基于Madlaina的回答

var threeElem = document.getElementById("custom-id").components['io3d-furniture'].data3dView.threeParent 

Answer 2

。我需要确保该模型前

addModelToScene(type) { 

    let scene = document.querySelector('a-scene'); 
    let model = document.createElement('a-entity'); 
    model.setAttribute('io3d-data3d', getModelKey(type))  

    model.addEventListener('model-loaded',() => { 
     // Access the three.js object of the 3d.io 
     let threeElem = model.components['io3d-data3d'].data3dView.threeParent 

     // create the bounding box 
     let bbox = new THREE.Box3().setFromObject(threeElem) 

     // Calculate the center-point offsets from the max and min points 
     const offsetX = (bbox.max.x + bbox.min.x)/2 
     const offsetY = (bbox.max.y + bbox.min.y)/2 
     const offsetZ = (bbox.max.z + bbox.min.z)/2 

     // apply the offset 
     model.setAttribute('position', {x:-offsetX,y:-offsetY, z:-offsetZ}) 
    }); 

    scene.appendChild(model);  

} 

结果加载：