Can't achieve pixel perfect in a tilemap

[AKARI]

It happens to me in all the games I make with Phaser 2. The map pixels don’t look like they should.

For example: In this image the area indicated by the arrow is displayed correctly.

But when you get closer it gets blurry.

I’m not sure what I’m doing wrong.

My code for pixel art:

canvas, * {
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-crisp-edges;
	image-rendering: pixelated;
}

game.renderer.renderSession.roundPixels = true; // this is at boot.js

Please help. Thanks in advance

[samme]

Switch to Phaser.CANVAS and see if it makes a difference.

[AKARI]

I’m already working with canvas because with webgl is worst