Lấy hộp giới hạn hoặc các trung tâm của mô hình

Question

Tôi đã tự hỏi liệu có cách nào để có được hộp giới hạn cho các mô hình được chèn qua 3dio.js hay tính điểm trung tâm của chúng? Tôi đang tìm cách tập trung chúng vào nguồn gốc.

Hình ảnh bên dưới hiển thị hai mô hình liên quan đến nguồn gốc của cảnh được chỉ báo bằng hộp màu đỏ.

Answer 1

Bạn có thể truy cập vào đối tượng three.js của thực thể 3d.io như thế này:

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

Sau đó, bạn có thể sử dụng hộp bounding có nguồn gốc từ three.js :

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

Giống như bạn nhận được min/max bounds whi bạn có thể sử dụng để xác định nguồn gốc.

Tôi hy vọng sẽ trả lời câu hỏi của bạn. Cho tôi biết!

Edit: cho đồ nội thất nó có lẽ sẽ

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

Answer 2

Dựa trên câu trả lời của Madlaina. Tôi cần thiết để đảm bảo các mô hình đã được nạp trước khi

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

} 

Kết quả: