高分屏下游戏会模糊 about phaser-catch-the-cat

[ganlvtech]

Thank you.

Fixed. Please try it again. Have fun.

[ganlvtech]

其实可以手动设置 canvas 的宽度和高度，这个 js 只是一个游戏的 js，具体怎么调整 canvas，可以自己使用额外的代码

[ganlvtech]

phaser-catch-the-cat/public/index.html

Line 28 in 7619feb

window.game = new CatchTheCatGame(11, 11, 20, 'catch-the-cat');

你可以看到，游戏是这样初始化的。

[ganlvtech]

@Coxxs 你有什么代码方面的建议吗？或者提交一个 Pull Request ?

[Coxxs]

我找到篇相关资料：https://supernapie.com/blog/support-retina-with-phaser-3 ，因为这个游戏用的都是 svg 素材，可能只需要稍微修改 Phaser 3 的初始化代码即可。

let config = {
    ...
    width: window.innerWidth * window.devicePixelRatio, // set game width by multiplying window width with devicePixelRatio
    height: window.innerHeight * window.devicePixelRatio, // set game height by multiplying window height with devicePixelRatio
    ...
    zoom: 1 / window.devicePixelRatio, // Set the zoom to the inverse of the devicePixelRatio
    ...
};

另外为了兼容旧版浏览器，建议这样使用 window.devicePixelRatio：

window.devicePixelRatio || 1

文章里还有些其他建议，可以参考下。