phaser/todo/phaser tests/sprites/texture atlas.js

/// <reference path="../../Phaser/Game.ts" />
(function () {
    var myGame = new Phaser.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;
    function create() {
        bot = myGame.add.sprite(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$"
        }
    };
})();