Skip to content

Tools

Texture atlas

Texture-packer

Texture-packer

Free texture packer

Free texture packer, Web app

Leshy SpriteSheet Tool

Leshy SpriteSheet Tool

Export to JSON-TP-Hash

Aseprite

Aseprite

  1. Go to "File - Export Sprite Sheet"
  2. On the Layout tab:
  3. Set the "Sheet type" to "Packed"
  4. Set the "Constraints" to "None"
  5. Check the "Merge Duplicates" checkbox
  6. On the Sprite tab:
    1. Set "Layers" to "Visible layers"
    2. Set "Frames" to "All frames", unless you only wish to export a sub-set of tags
  7. On the Borders tab:
    1. Check the "Trim Sprite" and "Trim Cells" options
    2. Ensure "Border Padding", "Spacing" and "Inner Padding" are all > 0 (1 is usually enough)
  8. On the Output tab:
    1. Check "Output File", give your image a name and make sure you choose "png files" as the file type
    2. Check "JSON Data" and give your json file a name
    3. The JSON Data type can be either a Hash or Array, Phaser doesn't mind.
    4. Make sure "Tags" is checked in the Meta options
    5. In the "Item Filename" input box, make sure it says just "{frame}" and nothing more.
  9. Click export

Tested with Aseprite 1.2.25

Atlas-packer

Animation

Bitmap font