THREE.JS -当窗口被调整大小时，如何保持场景的完整性？

Question

我在一个div里面有一个场景，它非常适合；但是当我移动这个窗口时，这个场景超出了div的范围，几乎占据了整个窗口。肯定有点疯狂。

当窗口被移动或调整大小时，有哪些方法可以将场景保存在div中？

Answer 1

这是一个常见的解决方案，使一个窗口大小调整监听器，并附加您的自定义逻辑，以使事情保持一致。

要添加侦听器，请执行以下操作：

window.addEventListener( 'resize', onWindowResize, false );

您可以在onWindowResize回调方法中添加任何代码，但是这里有一个示例：

function onWindowResize() {

    var width = window.innerWidth,
        height = window.innerHeight;

    camera.aspect = width / height;
    camera.updateProjectionMatrix();
    renderer.setSize( width, height );   
}