问CraftyJS模糊像素艺术
EN

Stack Overflow用户

提问于 2019-04-01 03:09:30

回答 1查看 54关注 0票数 1

我是CraftyJS的新手。我想做一个低分辨率的游戏(例如10x10像素的瓷砖)。

我正在尝试使用Crafty.viewport.scale(10)让游戏变得足够大，但缩放游戏会让它变得非常模糊。

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

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

在不让游戏变得模糊的情况下，最好的扩展方式是什么？

craftyjs

回答 1

Stack Overflow用户

发布于 2019-09-06 22:23:50

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

Crafty.pixelart(true);

下面的API页面有一些额外的建议，它指出可能是与某些浏览器兼容所必需的。然而，对于Chrome和Safari，我只需要调用上面的选项就可以得到好的结果。

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55444444

复制

相似问题

问CraftyJS模糊像素艺术
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CraftyJS模糊像素艺术EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CraftyJS模糊像素艺术
EN