phaser/examples/animation/local json object.js

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create});

function preload() {

    //  Texture Atlas Method 2
    //
    //  In this example we assume that the TexturePacker JSON data is a real json object stored as a var
    //  (in this case botData)

    game.load.atlas('bot', 'assets/sprites/running_bot.png', null, botData);

}

var bot;

function create() {

    bot = game.add.sprite(game.world.centerX, 300, 'bot');

    bot.animations.add('run');
    bot.animations.play('run', 10, true);

}

var botData = {
    "frames": [

{
    "filename": "running bot.swf/0000",
    "frame": { "x": 34, "y": 128, "w": 56, "h": 60 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 0, "y": 2, "w": 56, "h": 60 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0001",
    "frame": { "x": 54, "y": 0, "w": 56, "h": 58 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0002",
    "frame": { "x": 54, "y": 58, "w": 56, "h": 58 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0003",
    "frame": { "x": 0, "y": 192, "w": 34, "h": 64 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 11, "y": 0, "w": 34, "h": 64 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0004",
    "frame": { "x": 0, "y": 64, "w": 54, "h": 64 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 1, "y": 0, "w": 54, "h": 64 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0005",
    "frame": { "x": 196, "y": 0, "w": 56, "h": 58 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0006",
    "frame": { "x": 0, "y": 0, "w": 54, "h": 64 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 1, "y": 0, "w": 54, "h": 64 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0007",
    "frame": { "x": 140, "y": 0, "w": 56, "h": 58 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0008",
    "frame": { "x": 34, "y": 188, "w": 50, "h": 60 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 3, "y": 2, "w": 50, "h": 60 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0009",
    "frame": { "x": 0, "y": 128, "w": 34, "h": 64 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 11, "y": 0, "w": 34, "h": 64 },
    "sourceSize": { "w": 56, "h": 64 }
},
{
    "filename": "running bot.swf/0010",
    "frame": { "x": 84, "y": 188, "w": 56, "h": 58 },
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": { "x": 0, "y": 3, "w": 56, "h": 58 },
    "sourceSize": { "w": 56, "h": 64 }
}],
    "meta": {
        "app": "http://www.texturepacker.com",
        "version": "1.0",
        "image": "running_bot.png",
        "format": "RGBA8888",
        "size": { "w": 252, "h": 256 },
        "scale": "0.2",
        "smartupdate": "$TexturePacker:SmartUpdate:fb56f261b1eb04e3215824426595f64c$"
    }
};