UI + PNG Sprites bugged in iOS from UNITY

Hi,

I am new to development on the iOS and the current problem I am having occurs after porting my UNITY file to Xcode and then iOS.

My UI elements completely break apart after being built to mobile, in the two example images attatched (ignoring the background and focusing on the pink circle with white dots) you can see that the none of the objects are on center, individual elements are offset at different angles, and a line has appeared on one of the UI elements.

Everything works fine while building on my Mac.

I have also noticed that other transparent PNG’s using the Unlit Cutout shader and other transparent objects in general have similar glitchy appearences on my iOS (an iPhone 5).

All images that have issues are those that have been imported as PNGs, imported texture type [Sprite (2D and UI], and have some kind of alpha section that appears as transparent.

I have been struggling with this for a while and am now at a complete loss, if somebody could help me it would be much appreciated.

Wow. No one gave you a hand on this one?

Try going to your textures one by one and select Texture Type Default rather than Sprite (2D and UI) and applying the changes.

I’ve noticed that textures imported as Sprite won’t scale when used on a Plane GameObject on iOS devices. They work fine on Android and in the Unity editor on all platforms.

The Sprite texture type will work fine however if you use them on images/buttons in a UI.

Need more information. Are you rendering these sprites as Ui elements or 3D objects.
Are you calculating the center correctly? Aspect ratio?

What shaders are you using? You mention ones that are not Ui shaders. Sprite renderer?
It looks like you could have depth issues or draw orders.

From you picture it’s just too hard to tell what is wrong.
In the first picture it looks like you have a black sphere behind the white dots but In front of the pink.

What compression type are your sprites?