PixiJS调整渲染器大小但保持比例？

Question

我正在使用PIXI.JS制作游戏，使用详细的像素艺术。我想要垂直设计的游戏（非常适合智能手机），但我也希望它适合浏览器窗口，并且它的比例很高。我还需要扩展所有内容并保持机智。

任何人都可以帮忙吗？我已经做了很多研究，以至于我的脑袋已经开始疼了，我觉得我还没有走得太远。

Answer 1

实际上很容易在pixi中调整渲染器的大小。只需初始化渲染器。例如（需要具有id“渲染器”的画布）：

var renderer = PIXI.autoDetectRenderer(width, height, {antialias: false, transparent: false, resolution: 1, view: document.getElementById("renderer")});

然后根据需要决定调整渲染器的大小：

renderer.resize(newWidth, newHeight);

请参阅https://pixijs.github.io/docs/PIXI.WebGLRenderer.html以供参考。

Answer 2

结帐adaptive-scale

这是非常直观和简单的缩放库。