Blurred images on iPhone

[mtburdon]

Hi guys,

 

I've been playing around with Phaser for the last couple of weeks and I'm really loving it, very easy to work with and fun too!

 

I have come across an issue however, I'm sure I'm probably doing something silly so I'm hoping someone can point me in the right direction.

 

The issue:

I come from a web dev background, so for my images, I've made them double the size and then using scale.setTo(0.5,0,5) to shrink them to the size I want them to display at. That's all fine, however when I use the game on my iPhone the images appear rather blurry instead of nice and crisp.

 

Can anyone point me in the right direction here, am I doing something wrong?

 

Thanks,

Martin

[jflowers45]

Quickest way for others on the forum to help is if you post an example of the problematic code+images on a web server so we can see exactly what you're talking.  First thought,  have a look at the scaling code that happens in Boot.js in the example template.  I personally created a 960x640 project, made the images the right size for that, and let Phaser scale as necessary

 

https://github.com/photonstorm/phaser/blob/master/resources/Project%20Templates/Full%20Screen%20Mobile/src/Boot.js

[mtburdon]

Thanks for your response, I managed to sort it   images look much nicer now!

 

I did the following to fix my issue:

• Changed the dimensions of my game to 640 x 1135 (was half this beforehand)
• Removed any scale.setTo(0.5,0,5)
• Added game.stage.scaleMode = Phaser.StageScaleMode.SHOW_ALL;
• Added game.stage.scale.setScreenSize(true);

Thanks for your pointer, much appreciated!

[jflowers45]

awesome, glad you got it worked out.  Good luck!