Three.js - 視圖的寬度

Question

有沒有辦法找出場景的渲染部分的寬度？

例如，如果我們有寬度100目，但變焦一定程度的呈現......我怎麼能計算出在屏幕上呈現的網格的部分的寬度是多少？

Answer 1

你必須在這裏準確。

根據相機的視野，camera.fov和給定距離dist，您可以計算出可見的矩形區域。

由於物體可能具有深度，因此必須在網格中選取一個平面，然後在該距離進行計算。

這裏是如何計算來自相機的給定距離dist的可見光height和width。

var vFOV = THREE.Math.degToRad(camera.fov); // convert vertical fov to radians 

var height = 2 * Math.tan(vFOV/2) * dist; // visible height 

var width = height * camera.aspect;   // visible width 

three.js所r.87