aseprite-atlas/demo/atlas.json

Aseprite sprite atlas parser and animator for browser and Node.js.

{
  "frames": {
    "backpacker-walkRight 0": {
      "frame": {"x": 0, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 1": {
      "frame": {"x": 64, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 2": {
      "frame": {"x": 72, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 3": {
      "frame": {"x": 80, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 4": {
      "frame": {"x": 88, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 5": {
      "frame": {"x": 96, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 6": {
      "frame": {"x": 104, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 7": {
      "frame": {"x": 112, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkRight 8": {
      "frame": {"x": 120, "y": 29, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 9": {
      "frame": {"x": 120, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 10": {
      "frame": {"x": 8, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 11": {
      "frame": {"x": 16, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 12": {
      "frame": {"x": 24, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 13": {
      "frame": {"x": 32, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 14": {
      "frame": {"x": 40, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 15": {
      "frame": {"x": 48, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkDown 16": {
      "frame": {"x": 56, "y": 32, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 17": {
      "frame": {"x": 64, "y": 42, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 18": {
      "frame": {"x": 64, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 19": {
      "frame": {"x": 112, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 20": {
      "frame": {"x": 104, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 21": {
      "frame": {"x": 96, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 22": {
      "frame": {"x": 88, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 23": {
      "frame": {"x": 80, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "backpacker-walkUp 24": {
      "frame": {"x": 72, "y": 16, "w": 8, "h": 13},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 8, "h": 13},
      "sourceSize": {"w": 8, "h": 13},
      "duration": 100
    },
    "frog-eat 0": {
      "frame": {"x": 16, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 800
    },
    "frog-eat 1": {
      "frame": {"x": 32, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 1200
    },
    "frog-eat 2": {
      "frame": {"x": 48, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 64
    },
    "frog-eat 3": {
      "frame": {"x": 64, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 64
    },
    "frog-eat 4": {
      "frame": {"x": 80, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 64
    },
    "frog-eat 5": {
      "frame": {"x": 96, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 64
    },
    "frog-eat 6": {
      "frame": {"x": 112, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 64
    },
    "frog-eat 7": {
      "frame": {"x": 0, "y": 16, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 65535
    },
    "frog-idle 8": {
      "frame": {"x": 16, "y": 16, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 7000
    },
    "frog-idle 9": {
      "frame": {"x": 32, "y": 16, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 2000
    },
    "frog-idle 10": {
      "frame": {"x": 48, "y": 16, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 4000
    },
    "frog-idle 11": {
      "frame": {"x": 0, "y": 0, "w": 16, "h": 16},
      "rotated": false,
      "trimmed": false,
      "spriteSourceSize": {"x": 0, "y": 0, "w": 16, "h": 16},
      "sourceSize": {"w": 16, "h": 16},
      "duration": 200
    }
  },
  "meta": {
    "app": "http://www.aseprite.org/",
    "version": "1.2.15-x64",
    "image": "atlas.png",
    "format": "I8",
    "size": {"w": 128, "h": 64},
    "scale": "1",
    "frameTags": [
      {
        "name": "backpacker-walkRight",
        "from": 0,
        "to": 8,
        "direction": "forward"
      },
      {
        "name": "backpacker-walkDown",
        "from": 9,
        "to": 16,
        "direction": "forward"
      },
      {
        "name": "backpacker-walkUp",
        "from": 17,
        "to": 24,
        "direction": "forward"
      },
      {"name": "frog-eat", "from": 0, "to": 7, "direction": "forward"},
      {"name": "frog-idle", "from": 8, "to": 11, "direction": "forward"}
    ],
    "slices": [
      {
        "name": "backpacker-walkDown",
        "color": "#0000ffff",
        "keys": [
          {"frame": 0, "bounds": {"x": 2, "y": 0, "w": 5, "h": 4}},
          {"frame": 9, "bounds": {"x": 2, "y": 0, "w": 4, "h": 4}}
        ]
      }
    ]
  }
}