三.js - 设置相机以显示整个场景的算法

Question

当我设置场景、添加几何体等时，如何设置摄像机以便我可以看到整个场景？我正在尝试使用边界框实现算法，但我有点卡住了。

Answer 1

您实际上只需要使用 Math.abs(number) 在所有变量之间找到最大的绝对值，一旦找到最大值，您就可以将相机的深度（position.z）设置为该数字。我做了一个简单的函数，它接收 2 个数字并返回最大的数字。

function findGreatestAbsolute( firstNumber, secondNumber ) {
    if( Math.abs( firstNumber ) > Math.abs( secondNumber )) {
        return Math.abs( firstNumber );
    } else { return Math.abs( secondNumber ); }
}

如果数字过多，您也可以使用数组。找到您的号码后，您可以执行以下操作：

    camera = new THREE.PerspectiveCamera( cameraFov, windowHalfX / windowHalfY , 1, someDepth );
    camera.position.z(greatestNumber);

或

    camera.position.set(yourX, yourY, greatestNumber);

好吧，我希望它有所帮助。