renderer.setSize 按屏幕百分比计算？(三.js)

Question

有没有办法按屏幕百分比设置 renderer.setSize 计算？

例如，我希望我的框架设置为设备宽度的 80% 和设备高度的 80%，我们可以这样做吗？

Answer 1

如果要在调整窗口大小期间更新画布宽度和高度（如在 css 中），可以使用以下代码：

function resize() {
    var factor = 0.8; // percentage of the screen
    var w = window.innerWidth * factor;
    var h = window.innerHeight * factor;
    renderer.setSize(w, h);
    camera.aspect = w / h;
    camera.updateProjectionMatrix();
}; 

window.addEventListener("resize", resize);