phaser/Tests/sprites/texture atlas.ts

/// <reference path="../../Phaser/Game.ts" />
/// <reference path="../../Phaser/Sprite.ts" />

(function () {

    var myGame = new Game(this, 'game', 800, 600, init, create, update);

    function init() {

        //  Texture Atlas Method 1
        //
        //  In this example we assume that the TexturePacker JSON data is a real json object stored as a var
        //  (in this case botData)
        myGame.loader.addTextureAtlas('bot', 'assets/sprites/running_bot.png', null, botData);

        myGame.loader.load();

    }

    var bot: Sprite;

    function create() {

        bot = myGame.createSprite(myGame.stage.width, 300, 'bot');

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

        bot.velocity.x = -100;

    }

    function update() {

        if (bot.x < -bot.width)
        {
            bot.x = myGame.stage.width;
        }

    }

    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$"
        }
    };

})();