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); 
}