• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Spritesheet Sprite Pivot throwing sprite grid off on export.

Explorer ,
Jan 10, 2023 Jan 10, 2023

Copy link to clipboard

Copied

Hello,
I am trying to export a spritesheet from a movieclip/object, and the preview looks great in animate cc;

Animate_2023-01-10_17-04-27.gif

However, the sprite pivot / anchor looks off. The grid is asymmetrical. Which makes it unreadable in any other program so far as I know. It looks like it is trying to account for the cropping fromthe top left. I thought this might be due to the movieclip's anchor registration but I can confirm it is set to the center. And the animation is also center stage.

And so when importing the sprite into Unity the animation's position is offset incorrectly due to the way the sprite is rendered ;

Discord_2023-01-10_17-10-27.gif

I thought that sprites normally have a sprite pivot that is centered, like this;

Proper_Grid.png
This symmetrical grid produces a fluid animation in any other program.

I added a bounding box to the heart animation just to see where things are going wrong when it auto-crops the spritesheet and I believe the problem arises from this uneven extra pixel spacing around the borders of the object; 

Animate_2023-01-10_16-20-39.png



No matter what option I change in the exporting options, I can't seem to get an even, symetrical grid. I've tried every single feature in the exporting options now. Has anyone had this problem before?

Animate_2023-01-10_17-13-05.png


Why won't it export with a symetrical grid? Is animate cc the right tool for this?

Thanks for your time

Views

625

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 11, 2023 Jan 11, 2023

So this tutorial is a couple of years old but should be of some help.

https://youtu.be/yr9iHJlbezo

Votes

Translate

Translate
Community Expert ,
Jan 10, 2023 Jan 10, 2023

Copy link to clipboard

Copied

Did you try slicing the spritesheet with the XML file Animate generates?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 11, 2023 Jan 11, 2023

Copy link to clipboard

Copied

No, can you point me to some information about that?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 11, 2023 Jan 11, 2023

Copy link to clipboard

Copied

I found a free script for Unity that does that: https://youtu.be/9diGiz0x040

 

But the surest way is probably Texture Packer: 

https://www.codeandweb.com/texturepacker

This video shows how to use it: https://youtu.be/5MBbnGliFls

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 11, 2023 Jan 11, 2023

Copy link to clipboard

Copied

Thank you, I was looking at this too.

Is the spritesheet feature one of those quietly depreciated features in animate CC? I've never really used it before until now.

I thought that the MaxRects setting would give perfect bounding boxes but I can't seem to find a solution within animate. Seems like it's just in reach though

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 12, 2023 Jan 12, 2023

Copy link to clipboard

Copied

It definitely needs some attention; would be nice to have a grid algorithm among other things. You can request new features from this link:  https://www.adobe.com/products/wishform.html

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 11, 2023 Jan 11, 2023

Copy link to clipboard

Copied

So this tutorial is a couple of years old but should be of some help.

https://youtu.be/yr9iHJlbezo

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 11, 2023 Jan 11, 2023

Copy link to clipboard

Copied

Thank you guys

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 13, 2023 Jan 13, 2023

Copy link to clipboard

Copied

Where you are to get it figured out?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 16, 2023 Jan 16, 2023

Copy link to clipboard

Copied

LATEST

Hi Nick, No answer within Animate CC yet, I had someone on my team build a script for my png exports from animate. So a bit of a workaround. The spritesheet feature inAnimate looks well developed and what i'm asking for here seems like it's just in reach. Maybe they will put it in the next update if we submit a request.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines