Three.js - 视图宽度

Question

Three.js - 视图宽度

有没有办法找出场景渲染部分的宽度？

例如，如果我们有一个宽度为100的网格，但是使用一定级别的缩放进行渲染...如何计算在屏幕中渲染的网格部分的宽度？

Answer 1

你必须在这里准确。您可以从相机计算出相机的视野camera.fov和给定距离的可见矩形区域dist。由于物体可能具有深度，因此您必须通过网格选择一个平面，并在该距离处进行计算。以下是如何计算相机的可见距离height和width给定距离dist。var vFOV = THREE.Math.degToRad( camera.fov ); // convert vertical fov to radiansvar height = 2 * Math.tan( vFOV / 2 ) * dist; // visible heightvar width = height * camera.aspect;           // visible widththree.js r.87