Images corrupt or pixelated on iPhone

Development Platform & Builds Mobile
, , ,
1

I’ve only ever developed games on PC, so this is the first time building a mobile game and deploying it to my phone. In editor or a Windows build, the textures work fine and are very smooth, but on my phone, the background is completely messed up and the working title (that I’ll probably have to change, let’s not worry about that :)) is really pixelated.

I’m not an artist, either, so can anyone offer some assistance as to why it’s so blurry/pixelated or messed up on my phone? Thanks in advance.

Included are pictures of it working on my PC and then how it looks on my phone.

2

Hello PaulBunyan,

Would you provide the model of your phone along with a screenshot of your texture details window. If you enable the iOS ES2 preview in the editor viewport, do you still see your textures when you play?

After I have this information I will continue to investigate why you are seeing this pixelation and have missing textures.

3

Hello ,

Thanks for taking the time to help. I really appreciate it.

I’m using an iPhone 6 Plus (model A1522)

I enabled iOS ES2 preview and yes, I still see the textures when I play in editor.

I’ve attached pictures of the background and title details, as requested.

Might be worth noting: I turned these textures into sprites, and placed those in my level. If I should be doing this another way, let me know.
[1]:

75168-titledetails.jpg
75168-titledetails.jpg1435×807 253 KB

4

What is the format of the background image that you are using. IE .png, .jpg, .tga? Does saving to a different file format fix this issue? Does changing your compression settings in your texture settings fix this issue? You may try HDR.

5

I’m using all PNGs. I tried .tgas but had the same result. Also tried different compression, and after reading a suggestion, I went with VectorDisplacementmap, and now I can see the full pictures. However, the overall quality is still very poor (pixelated), and not just for these pictures but also for my UMG created “Options” button that I’ve added. I’m including a screenshot so you can see what I mean.

Is there some project/camera settings I need to modify so it’s nice and crisp on the iphone?

Also, I’m using an iPhone 6 Plus and noticed that iPhone 6 wasn’t in the DefaultDeviceProfiles ini, so I added it as follows:

[iPhone6 DeviceProfile]
+CVars=r.MobileContentScaleFactor=2

I have no idea if that will actually work or do anything, though, so please let me know. Thanks. :slight_smile:

6

Finally figured this out after combing through even more similar questions. The problem is that DefaultDeviceProfiles.ini only included up through iPhone 5, and I’m using an iPhone 6, so I had to add the following lines (if either is redundant, let me know):

[iPhone6 DeviceProfile]
+CVars=r.MobileContentScaleFactor=2

[iPhone6Plus DeviceProfile]
+CVars=r.MobileContentScaleFactor=2

I started by using one of the provided content packages (the puzzle game example) so please update all of your projects so this file is current, as I’m sure I won’t be the only person deploying to a newer iPhone and wondering why it looks bad.