phaser/Tests/tilemap/collision.ts

/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />

(function () {

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

    function init() {

        myGame.loader.addTextFile('platform', 'assets/maps/platform-test-1.json');
        myGame.loader.addImageFile('tiles', 'assets/tiles/platformer_tiles.png');
        myGame.loader.addImageFile('ufo', 'assets/sprites/ufo.png');
        myGame.loader.addImageFile('ilkke', 'assets/sprites/ilkke.png');
        myGame.loader.addImageFile('chunk', 'assets/sprites/chunk.png');
        myGame.loader.addImageFile('healthbar', 'assets/sprites/healthbar.png');

        myGame.loader.load();

    }

    var map: Phaser.Tilemap;
    var car: Phaser.Sprite;
    var marker: Phaser.GeomSprite;
    var tile: Phaser.Tile;
    var emitter: Phaser.Emitter;

    var mo;

    function create() {

        map = myGame.createTilemap('tiles', 'platform', Phaser.Tilemap.FORMAT_TILED_JSON);
        map.setCollisionRange(21,53);
        map.setCollisionRange(105,109);

        myGame.camera.backgroundColor = 'rgb(47,154,204)';

        myGame.input.keyboard.addKeyCapture([Phaser.Keyboard.LEFT, Phaser.Keyboard.RIGHT, Phaser.Keyboard.UP, Phaser.Keyboard.DOWN]);

        emitter = myGame.createEmitter(32, 32);
        emitter.width = 700;
        emitter.makeParticles(null, 50, 0, false, 0);
        emitter.gravity = 100;
        emitter.setRotation(0,0);
        emitter.start(false);

        car = myGame.createSprite(250, 64, 'ufo');
        car.renderRotation = false;
        //car.renderDebug = true;

        car.setBounds(0, 0, map.widthInPixels - 32, map.heightInPixels - 32);
        //car.velocity.y = 10;

        marker = myGame.createGeomSprite(0, 0);
        marker.createRectangle(16, 16);
        marker.renderFill = false;
        marker.visible = false;

        //myGame.onRenderCallback = render;

    }

    function update() {

        marker.x = myGame.math.snapToFloor(myGame.input.worldX, 16);
        marker.y = myGame.math.snapToFloor(myGame.input.worldY, 16);

        //myGame.collide(car, map.currentLayer);



        car.velocity.x = 0;
        car.velocity.y = 0;

        if (myGame.input.keyboard.isDown(Phaser.Keyboard.LEFT))
        {
            car.velocity.x = -200;
        }
        else if (myGame.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
        {
            car.velocity.x = 200;
        }

        if (myGame.input.keyboard.isDown(Phaser.Keyboard.UP))
        {
            car.velocity.y = -200;
        }
        else if (myGame.input.keyboard.isDown(Phaser.Keyboard.DOWN))
        {
            car.velocity.y = 200;
        }

        mo = map.collide(car);
        //map.getTileOverlaps()

    }

    function render() {

        tile = map.getTileFromInputXY();

        //var b = map.getTileOverlaps(car);

        myGame.stage.context.font = '18px Arial';
        myGame.stage.context.fillStyle = 'rgb(255,255,255)';
        //myGame.stage.context.fillText(tile.toString(), 32, 32);
        myGame.input.renderDebugInfo(32, 64, 'rgb(255,255,255)');
        myGame.stage.context.fillStyle = 'rgb(255,255,255)';
        myGame.stage.context.fillText(mo.x + ' ' + mo.y + ' ' + mo.w + ' ' + mo.h, 32, 200);
        myGame.stage.context.fillText(car.bounds.x + ' ' + car.bounds.y + ' ' + car.bounds.width + ' ' + car.bounds.height, 32, 232);


        var i = 0;

        for (var y = mo.y; y < mo.y + mo.h; y++)
        {
            for (var x = mo.x; x < mo.x + mo.w; x++)
            {
                if (mo.collision[i] == true)
                {
                    myGame.stage.context.fillStyle = 'rgba(255,0,0,0.5)';
                }
                else
                {
                    myGame.stage.context.fillStyle = 'rgba(0,255,0,0.5)';
                }

                myGame.stage.context.fillRect(x * 16, y * 16, 16, 16);
                i++;
            }
        }

    }

})();