1.1 自適應屏幕大小

你會發(fā)現(xiàn)，我們前面寫好的代碼，在頁面尺寸發(fā)生改變的時候，并不能自適應的改變尺寸，而出現(xiàn)空白或者滾動條突出的情況。所以監(jiān)聽屏幕大小的改變，來重新設置相機的寬高比例和渲染器的尺寸大小，代碼如下：

aspect屬性是設置攝像機視錐體的長寬比，通常是使用畫布的寬/畫布的高。camera.updateProjectionMatrix()用于更新攝像機投影矩陣，相機任何參數(shù)被改變以后必須被調(diào)用

1.2 控制場景全屏

經(jīng)常我們需要全屏的展示三維場景。例如，我們想要雙擊，實現(xiàn)全屏效果，代碼如下：

fullscreenElement只讀屬性返回當前在此文檔中以全屏模式顯示的元素。

如果文檔當前未使用全屏模式，則返回值為null。

使用element.requestFullscreen()方法以全屏模式查看元素，exitFullscreen方法退出全屏。

2 綜合上述代碼

1、在前面創(chuàng)建的項目中的main.js文件寫入代碼

效果演示：