1

我是 CraftyJS 的新手。我想用低分辨率图形（例如 10x10 像素图块）制作游戏。

我正在尝试使用Crafty.viewport.scale(10)使游戏大到可以看到，但是缩放游戏会使它变得非常模糊。

就像网络浏览器使用双线性缩放而不是最近邻一样。

<html>
    <head></head>
    <body>
        <div id="game"></div>
        <script type="text/javascript" src="https://rawgithub.com/craftyjs/Crafty/release/dist/crafty.js"></script>
        <script>
            Crafty.init(500,500, document.getElementById('game'));
            Crafty.sprite('blueball.png', {blueball:[0,0,10,10]});
            Crafty.e('blueball, 2D, Canvas') .attr({x:20, y:20, w:10, h:10})
            Crafty.viewport.scale(10);
        </script>
    </body>
</html>

在不使其模糊的情况下扩展游戏的最佳方式是什么？

4

1 回答 1

2

过去，我在 CraftyJS 中成功地获得了清晰的像素艺术，如下所示：

Crafty.pixelart(true);

下面的 API 页面有一些额外的建议，它指出可能需要与某些浏览器兼容。但是，对于 Chrome 和 Safari，我只需要调用上述选项即可获得良好的结果。

http://craftyjs.com/api/Crafty-pixelart.html

于 2019-09-06T14:23:49.970 回答