Search the Community

The #lowrezjam is a jam where you have to make a game with a maximum of 32x32 pixels but you can scale the game up. How can I scale my game up without having blur, and with my awesome pixel art still crispy enough. In this picture you can view the 32x32 game, with a demo image. When I try to upscale my game to 128x128 I get this and I dont know if I have to scale the canvas, or the game... I don't know how to do it! Any help?? This is the code I'm using: Game.prototype = { preload: function() { Phaser.Canvas.setSmoothingEnabled(this.game.context, false); this.game.scale.maxWidth = 128; this.game.scale.maxHeight = 128; this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; this.game.scale.setScreenSize(); },create: function() { this.player = this.game.add.sprite(0, 0, 'player'); this.player.smoothed = false; },and in Css .game { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; // OS X & Windows Opera (12.02+) image-rendering: optimize-contrast; // Possible future browsers. -ms-interpolation-mode: nearest-neighbor; // IE width: 128px; height: 128px;}