Image is distorted after updating its sprite during runtime (Unity 2019)

Question

I recently updated my project to use Unity 2019, and for the most part it has been a seamless transition. However, I have encountered one issue when it comes to updating and image's sprite during runtime.

The game I am working on has a countdown at the start of each level (3, 2, 1, GO!). The countdown text is a series of sprites that are updated on a timer, and all of the sprites are the same resolution.

This worked fine before updating to Unity 2019, but now when the countdown gets to "GO!", it looks as though it has been squished horizontally.

I also ran a test where I ran the countdown in reverse (GO!, 1, 2, 3) and the opposite effect occurred. In this scenario, "GO!" looked normal, and 1 2 and 3 looked like they were expanded horizontally.

I set up a minimal test scene with only a Canvas/Image in it with the following script attached. The same behavior occurs as seen in the gifs below.

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class ImageSwapTest : MonoBehaviour
{
    Image image;                                 //Image component
    [SerializeField] Sprite[] countDownSprites;  //Array of sprites used to populate the image component

    void Start()
    {
        image = GetComponent<Image>();
        StartCoroutine(UpdateImage());
    }

    IEnumerator UpdateImage()
    {
        int counter = 0;

        while (counter < sprites.Length)
        {
            yield return new WaitForSeconds(1);        //Wait 1 second
            image.sprite = countDownSprites[counter];  //Update the image to the next sprite
            counter++;
        }
    }
}

Expected:

Actual:

If I reverse the order, then "GO!" is normal size and the numbers are expanded:

Image Properties:

As you can see, all 4 of the sprites have the same resolution. I am not sure what is causing them to be resized like this during runtime.

Did something change regarding the way images/sprites are handled in Unity 2019? Perhaps this is just a bug?

can you show the image properties? – Saad Anees Apr 23 '19 at 07:31 — Saad Anees, Apr 23 '19 at 07:31
@SaadAnees I added the image properties to the post. – Alex Myers Apr 23 '19 at 13:42 — Alex Myers, Apr 23 '19 at 13:42

score 3 · Accepted Answer · edited May 07 '19 at 17:57

3

Same thing happened to me. The fix was:

Select Texture in Unity
Change Sprite Mode > Mesh Type from "Tight" to "Full Rect"

edited May 07 '19 at 17:57

Alex Myers

6,196
7
23
39

answered May 07 '19 at 17:05

George Mincila

529
5
17

st4rdog · Answer 2 · 2019-07-26T23:54:15.410

1

Setting the sprite to null before setting it also works as per this answer - https://stackoverflow.com/a/55827303

Setting Image Type from Simple to Filled also fixed it for me.

edited Jul 26 '19 at 23:54

answered Jul 26 '19 at 23:43

st4rdog

93
1
6

Image is distorted after updating its sprite during runtime (Unity 2019)

2 Answers2