Question

我是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>

在不使游戏模糊的情况下缩放游戏的最佳方法是什么？

Answer 1

过去，我已经成功在CraftyJS中获得了清晰的像素艺术：

Crafty.pixelart(true);

下面的API页面提供了一些其他建议，并指出这些建议对于与某些浏览器兼容可能是必需的。但是，使用Chrome和Safari，我只需调用上述选项即可获得良好的效果。

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

CraftyJS模糊像素艺术

1 个答案: