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

Spritesheet Sprite Pivot throwing sprite grid off on export.

Explorer ,
Jan 10, 2023 Jan 10, 2023

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

994
Translate
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

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

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

Translate
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

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

Translate
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

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

This this game dev tutorial i will show how to bring animations from Adobe animate into Unity ( flash to unity ) using Texture packer. This workflow allows for sharp and fluid animations. Wishlist my game Blood And Mead on Steam: http://www.bloodandmead.com/steam Unity Asset pack I created: ...
Translate
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

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

Translate
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

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

 

Translate
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

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

https://youtu.be/yr9iHJlbezo

Spritesheets and Texture Atlases allow animated content to be designed with the rich tooling in Adobe Animate CC and then exported for integration within other game platforms like Starling or Unity. Get sample file: https://learndownload.adobe.com/pub/learn/animate/bitmap-texture.zip
Translate
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

Thank you guys

Translate
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

Where you are to get it figured out?

Translate
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
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.

Translate
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