/// <reference path="../../Phaser/Game.ts" />
(function () {
    var game = new Phaser.Game(this, 'game', 800, 600, init, create, null, render);

    var btn1, btn2, btn3;
    var fx;

    function init() {
        game.world.setSize(800, 600, true);
        game.load.image('blue', 'assets/tests/blue-circle.png');
        game.load.image('yellow', 'assets/tests/yellow-circle.png');
        game.load.image('magenta', 'assets/tests/magenta-circle.png');

        game.load.start();
    }
    function create() {
        btn1 = game.add.button(114, 34, 'blue', simpleFlash, this);
        btn2 = game.add.button(426, 86, 'yellow', forceFlash, this);
        btn3 = game.add.button(221, 318, 'magenta', flashWithCallback, this);

        // Usage of flash fx is the same as fade.
        fx = game.camera.fx.add(Phaser.FX.Camera.Flash);
    }
    function render() {
        Phaser.DebugUtils.context.fillStyle = '#fff';
        Phaser.DebugUtils.context.fillText('Press to flash.', 114 + 90, 34 + 130);
        Phaser.DebugUtils.context.fillText('Force to flash every time you press it.', 426 + 20, 86 + 130);
        Phaser.DebugUtils.context.fillText('Popup a window when flash finished.', 221 + 30, 318 + 130);
    }
    function simpleFlash() {
        // Simply flash to black in 0.5 seconds.
        fx.start(0x330033, 0.5);
    }
    function forceFlash() {
        // Force restart flash effect each time you pressed the button.
        fx.start(0x003333, 0.5, null, true);
    }
    function flashWithCallback() {
        // Popup a alert window when flash finished.
        fx.start(0x333300, 0.5, function() {
            alert('Flash finished!');
        });
    }
})();