game.antialias = false
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.6.2/phaser.min.js"></script>
<div id="canvas-container"></div>
CSS
body {
background-color: #222222;
}
#canvas-container {
position: absolute;
top: 50%;
left: 50%;
margin-top: -256px;
margin-left: -256px;
}
JavaScript
// Title: Phaser (Bug?): unwanted antialiasing on WEBGL renderer during spritesheet animation.
// Description: The unwanted antialiasing happens when the sprite is near the canvas's border (top and left), check out moving the sprite with the arrow keys.
var gameStates = {};
var gameObjects = {};
var gameInputCursors;
// antialias = true
var game = new Phaser.Game(128, 128, Phaser.WEBGL, 'canvas-container', null, false, false);
gameStates.play = {
init: function() {
console.assert(PIXI.scaleModes.DEFAULT === PIXI.scaleModes.NEAREST, "default scaleMode is NEAREST");
console.assert(game.antialias === false, "game.antialiased is off");
console.assert(game.stage.smoothed === false, "stage.smoothed is off");
gameInputCursors = game.input.keyboard.createCursorKeys();
},
preload: function() {
/**
* Third-party image user only for for example
* @see https://jpillora.com/base64-encoder/
* @credits http://opengameart.org/content/16x18-character-base-template-collage
*/
game.load.spritesheet('s1',...