Configure JSON animation export

Features
1

Hello, I’ve been using Aseprite to create the animations for a character. I already have different frame tags created. However, the framework that I am using to display the exported sprite sheet (PixiJS) require the .json data to be displayed something like this:

 "31": {
    "frame": { "x": 112, "y": 51, "w": 16, "h": 17 },
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": { "x": 0, "y": 0, "w": 16, "h": 17 },
    "sourceSize": { "w": 16, "h": 17 },
    "duration": 100
   }
 },
 "animations": {
	"Idle": ["0","1","2","3","4","5","6","7"],
	"Walk": ["8","9","10","11","12","13","14","15"],
	"Jump": ["16","17","18","19","20","21","22","23"],
	"Slide": ["24","25","26","27"],
	"Turn": ["28","29","30","31"]

},
 "meta": {
  "app": "http://www.aseprite.org/",
  "version": "1.2.9-x64",
  "image": "spriteSheet.png",
  "format": "RGBA8888",
  "size": { "w": 128, "h": 68 },
  "scale": "1"
 }
}

It would be nice to have an “advanced” button while exporting sprite sheets that allowed us to modify the structure of the data.

1 Like
2

Has anyone made a script that translates from acesprite to texture packer format?

EDIT: I ended up with a working solution by making a middleware for PIXI.Loader. see pixi.js import aseprite data · GitHub