使進口模型適合三分之一屏幕

Question

我不想改變相機以適應模型。我希望知道給定位置的正確尺寸，以確保縮放後的模型/幾何圖形將出現在屏幕中。

我不想移動相機，因爲我可能有許多不同的物體。

想法？

Answer 1

你可能只是想擴展模型，用scale="0.1 0.1 0.1"或其他什麼。要自動做到這一點，考慮寫一個新的組件：

AFRAME.registerComponent('autoscale', { 
    init: function() { 
    var el = this.el; 
    el.addEventListener('model-loaded', function (e) { 
     var bbox = new THREE.Box3().setFromObject(e.detail.model); 
     var scale = 1/(bbox.max.x - bbox.min.x); 
     el.setAttribute('scale', { 
     x: scale, 
     y: scale, 
     z: scale, 
     }); 
    }); 
    } 
}); 

更健壯，你應該使用的最大尺寸（X對y VS z）對於縮放，但這是它的要點。