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

我正在使用PIXI.JS制作一款使用详细像素艺术的游戏。我想设计的游戏是垂直定向的（适用于智能手机），但我也希望它能适应浏览器窗口，并且具有比例智能。我还需要所有的内容进行扩展并保持机智。PixiJS调整渲染器大小，但保持比例？

任何人都可以帮忙吗？我做了很多研究，头脑开始受到伤害，我觉得我没有得到很多。

2016-11-16 bryanwillis7

我不是100％你想达到的目标，因为我不知道它是什么样的游戏，从描述中，所以在浏览器窗口中的缩放和拟合，你的意思是这样吗？ http://plnkr.co/edit/X9XexHw65aB5Sa6xSroZ?p=preview（使用鼠标滚动进行缩放）。还是别的？ – Hachi

在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。

来源

2016-11-18 15:29:35 fatel

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

回答

相关问题