CraftyJS Blurry Pixel Art - PullRequest
Новая
       47

CraftyJS Blurry Pixel Art

0 голосов
/ 31 марта 2019

Я новичок в 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>

Как лучше всего масштабировать игру, не делая ее размытой?

...