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

Question

有什么方法可以设置 renderer.setSize 按屏幕百分比计算吗？

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

Answer 1

如果您想在调整窗口大小时更新 Canvas 的宽度和高度(如在 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);