phaser/TS Tests/tilemaps/csv tilemap.js

/// <reference path="../../Phaser/tilemap/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
    var game = new Phaser.Game(this, 'game', 800, 600, preload, create, update);
    function preload() {
        //  CSV Tilemap Test
        //  First we load our map data (a csv file)
        game.load.text('csvtest', 'assets/maps/catastrophi_level2.csv');
        //  Then we load the actual tile sheet image
        game.load.image('csvtiles', 'assets/tiles/catastrophi_tiles_16.png');
    }
    function create() {
        //  This creates the tilemap using the csv and tile sheet we loaded.
        //  We tell it use to CSV format parser. The 16x16 are the tile sizes.
        //  The 4th parameter (true) tells the game world to resize itself based on the map dimensions or not.
        game.add.tilemap('csvtiles', 'csvtest', Phaser.Tilemap.FORMAT_CSV, true, 16, 16);
    }
    function update() {
        //  Simple camera controls
        if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
            game.camera.x -= 4;
        } else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
            game.camera.x += 4;
        }
        if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
            game.camera.y -= 4;
        } else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
            game.camera.y += 4;
        }
    }
})();