How to trim my sprites in TexturePacker and make an animation while maintaining the relative(original) position of the sprites?

[Gael Beltran]

I'm making an animation using differently sized sprites so when I crop/trim the white/alpha unused space in TexturePacker the animation frames end up being in different positions when animated. How would I go about maintaining thei relative positions/pivot points.
Could you help me setting up TexturePacker and how to automatically apply the different pivots in melon?
Shoebox is also fine

[aaron.g...@gmail.com]

Short answer: I don't know.

Typically i've turned off triming to deal with this in a number of game engines.

[Gael Beltran]

I wish this was possible, I can do it in Phaser easily. Guess I'll have to switch for this project.

[aaron.g...@gmail.com]

Having a look at the code, sorry for not doing so earlier, busy day. Didn't want to leave you hanging either. https://github.com/melonjs/melonJS/blob/master/src/video/canvas/texture.js#L206 saves the anchor point data (if any). Then it is set here on animation sheet as it goes through the frames: https://github.com/melonjs/melonJS/blob/master/src/renderable/animationsheet.js#L274

I haven't tried it, but have you seen any evidence of this working/not working with the anchorPoint set in the json file?

[Gael Beltran]

I checked my exported json file using cropping and the anchorPoint data is there, but my animation is not using it, I'm not sure about how to use that data to set per-frame pivots/anchor points

[Gael Beltran]

I use the crop, keep position setting from TexturePacker

[aaron.g...@gmail.com]

Trying out our texturepacker example here: http://melonjs.github.io/melonJS/examples/texturepacker/. I removed the movement, and the animation seems fairly in place, using the pivot point stored in the json. Opening the TPS file in the repo, it has Trim mode set to Trim. When setting it to "Crop, keep position", the animation seems off.