renderer.setSize按屏幕百分比计算？ （three.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);

Answer 2

首先，您必须使用window.innerWidth和window.innerHeight来获取设备高度。

然后在设置渲染器的大小时应用所需的缩放系数，如下所示：

   renderer.setSize(window.innerWidth * 0.8, window.innerHeight * 0.8);

希望这个帮助