Jump to content

blurry sprites on scale down?


Mike018
 Share

Recommended Posts

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

  • 3 weeks later...

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

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...