JSON Array

This format uses the fields described in JSON Hash, with frames stored as an array. Each record has a filename field containing its frame key. Each page has a JSON file and an image; filenames are numbered for several pages.

{
  "frames": [{
    "filename": "player_0000",
    "frame": { "x": 128, "y": 64, "w": 40, "h": 48 },
    "rotated": false, "trimmed": true,
    "spriteSourceSize": { "x": 12, "y": 8, "w": 40, "h": 48 },
    "sourceSize": { "w": 64, "h": 64 }
  }],
  "meta": {
    "app": "https://www.codeandweb.com/texturepacker",
    "version": "1.0", "image": "atlas.png", "format": "RGBA8888",
    "size": { "w": 512, "h": 512 }, "scale": "1"
  }
}

Find a frame by its filename. Read its frame rectangle from the page image, then place it at the spriteSourceSize offset within the original sourceSize canvas. Offsets are measured from the top-left.

To build animation lists, group filenames by base name and sort their numeric suffixes. This format does not store animation lists.

See Sources and outputs for frame names, trimming, and effect maps.