可以改變頁面大小測試效果。

有的時候，我們打開了瀏覽器的頁面，顯示了當前的渲染的模型。但是，如果你沒有設定場景模型跟隨著瀏覽器的寬高度變化進行自適應，就gg了。所以，今天額外補上一篇相關的怎麼跟隨瀏覽器變動進行自適應。

要是場景隨著瀏覽器的大小變動進行自適應，就需要監聽window的resize事件，就是瀏覽器變動事件。

window.onresize = function(){}

window.addEventListener("resize",function(){})

    //視窗變動觸發的函式
    function onWindowResize() {

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();
        renderer.setSize( window.innerWidth, window.innerHeight );

    }
 

程式碼使用的上一節的，就不上傳程式碼了，上傳兩張示例效果。

上面就是全屏狀態下顯示的效果，下面是直接將瀏覽器改成了一半的效果：