phaser/TS Tests/textures/texture atlas 4.js

/// <reference path="../../Phaser/Game.ts" />
(function () {
    var game = new Phaser.Game(this, 'game', 800, 600, preload, create);
    function preload() {
        //  Texture Atlas Method 4
        //
        //  We load a TexturePacker JSON file and image and show you how to make several unique sprites from the same file
        game.load.atlas('atlas', 'assets/pics/texturepacker_test.png', 'assets/pics/texturepacker_test.json');
    }
    var chick;
    var car;
    var mech;
    var robot;
    var cop;
    function create() {
        game.stage.backgroundColor = 'rgb(40, 40, 40)';
        chick = game.add.sprite(64, 64, 'atlas');
        //  You can set the frame based on the frame name (which TexturePacker usually sets to be the filename of the image itself)
        chick.frameName = 'budbrain_chick.png';
        //  Or by setting the frame index
        //chick.frame = 0;
        cop = game.add.sprite(600, 64, 'atlas');
        cop.frameName = 'ladycop.png';
        robot = game.add.sprite(50, 300, 'atlas');
        robot.frameName = 'robot.png';
        car = game.add.sprite(100, 400, 'atlas');
        car.frameName = 'supercars_parsec.png';
        mech = game.add.sprite(250, 100, 'atlas');
        mech.frameName = 'titan_mech.png';
    }
})();