Sprite changes form when rotating

Hi everyone

My sprite deforms when I rotate it.

Update I removed the Sprite from its parent and now its fine but can someone help me understand why this happens?

 

Not sure either but it happens in 3D as well. I end up always having to make edits while it is unparented, and then reparent it. Probably has something to do with trying to stay aligned and scaled properly with its parent.

 

To be more precise this happens when parent objects have non uniform scale (different scale values for each axis).

All the transformations of parent objects get applied to child objects it's the whole point of transform hierarchy. All transformations mean position rotation and scale. For most cases it's reasonable. You move the parent -> children move. You rotate the parent -> parent rotates together with parent. You make the parent twice as big children get also twice as big. But if you stretch the parent only in single direction (and child is rotated) it means that child will now be stretched in direction which doesn't match the direction of child object which results in skewed look similar to what can be seen in screenshot above. You would see the same result if you tried to apply sequence of rotations and stretching in photoshop (or 2d drawing software of your choice).

Here is an example representing stretching of child object (not strictly required), rotation of child object, stretching of parent object.




Solution is simple don't use non uniform scaling! Skewed visuals isn't the only problem it will cause.

If you really need to use non uniform scaling apply it only to final elements in the object hierarchy, don't apply it to intermediate objects. If necessary move the visuals from parent to an additioanal child object so that you don't have to scale the parent.

Instead of this

Code (csharp):

1. * GameObject0 (visual 1) (you want to stretch visual 1)
2.    * GameObject1 -> some other object in hearachy
3.       * GameObject2 (visual 2)

Do this

Code (csharp):

1. * GameObject0
2.     * GameObject0_visual (visual 1) -> stretch this instead of GameObject0 thus avoid stretching whole tree
3.     * GameObject1
4.         * GameObject 2 (visual 2)

 

Ooooo okay that makes sense

Thank you so much I appreciate the help