Mike018 Posted May 8, 2017 Share Posted May 8, 2017 I'm using HD assets that when displayed on phones, everything becomes blurry, even the bitmap text. Yet on tablets, everything is very clear. Any reason for this? I'm using assets that were created for a 1080x1920 resolution and then using the scaling solution here: http://www.netexl.com/blog/making-of-a-responsive-game-in-phaser-part-2/ I've noticed that even in the tutorial, the graphics get pixelated when on a phone, but very clear on a tablet. Link to comment Share on other sites More sharing options...
rgk Posted May 9, 2017 Share Posted May 9, 2017 Your going to want to resize your sprites for lower resolutions, great for performance specifically. Link to comment Share on other sites More sharing options...
Abhishek Singhal Posted May 29, 2017 Share Posted May 29, 2017 set Antialiasing "true" while creating game object : var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', this, transparent, antialias); also, make sure that the elements are pixel aligned after resizing. i.e. every element should have its co-ordinates as a whole number and not in fractions. sometimes when resized or scaled by some factor, child objects could deviate from its coordinates so that an element might get placed at {x:110.114 , y:90.013 }. but it should be realigned to : {x:110, y:90}. This should solve the issue. Link to comment Share on other sites More sharing options...
Recommended Posts