整体质量损失 - Phaser

【问题标题】：overall loss of quality - Phaser整体质量损失 - Phaser
【发布时间】：2018-06-28 04:56:59
【问题描述】：

我正在使用 Phaser.js (v2) 开发交互，但我面临质量（图像、精灵、文本等）的整体损失。尤其是渲染文字：

const strtxt = this.game.add.text(0, 0, str, {
  font: 'Open Sans',
  fontSize: 17,
  weight: 400,
}, text);
strtxt.align = 'center';
strtxt.lineSpacing = -4;
strtxt.anchor.set(0.5, 0);
strtxt.wordWrap = true;
strtxt.wordWrapWidth = 300;
const y = text.getAt(1).height + ((index + 1) * 60);
strtxt.position.set(250, y);

我真的很想提高质量，至少在文本方面。我能做什么？

【问题讨论】：

标签： javascript html phaser-framework software-quality

【解决方案1】：

Phaser 通常会渲染到固定画布，然后拉伸该画布以填满屏幕。例如，如果您将画布尺寸设置为 480 x 640 像素，但在高清显示器上播放，那么可以说它“被炸毁”了。这是在高分辨率显示器中显示的低分辨率图像，这就是它看起来有点模糊的原因。

优点是游戏将始终显示相同的大小。作为程序员，您不必担心许多不同的显示分辨率和尺寸，尤其是平板电脑或手机。但缺点是分辨率下降和模糊。

所以我猜你想要一个像素到像素的比例，不确定 Phaser 是否支持这个，但我认为你可以将 scaleMode 设置为 SHOW_ALL，或者可能是 USER_SCALE，然后添加自定义函数来处理调整大小事件。另见this question 或this forum topic

【讨论】：