// namespace
var App = App || {};

App.LoadingState = (function () {
    "use strict";

    var fn = function (game) {
        Phaser.State.call(this, game);
    };

    fn.prototype = Object.create(Phaser.State.prototype);
    fn.prototype.constructor = fn;

    fn.prototype.init = function () {
        this.game.global.mob = {};
    };

    fn.prototype.preload = function () {
        // load json configuration files
        this.game.load.json('assetsConfig', 'assets/json/assets.json');
        this.game.load.spritesheet('alienBlue', 'assets/images/alienBlue_sheet.png', 66, 96);
    };

    fn.prototype.create = function () {
        this.game.asset_manager = new App.AssetManager(this.game);
        this.game.state.start('WebSocket');
    };

    return fn;
})();

@@ -89,34 +89,141 @@
     
-var fn = function (game) %7B
+console.log(%22LoadingState Compiling ...%22);%0A    var fn = function (game) %7B%0A        console.log(%22LoadingState.constructor Running...%22);
 %0A   
@@ -474,32 +474,88 @@
 = function () %7B%0A
+        console.log(%22LoadingState.preload Running...%22);%0A
         // load 
@@ -745,32 +745,32 @@
 6, 96);%0A    %7D;%0A%0A
-
     fn.prototype
@@ -785,32 +785,87 @@
 = function () %7B%0A
+        console.log(%22LoadingState.create Running...%22);%0A
         this.gam

Add some more console debug spewage to help me follow the loading.js State flow and order of execution. (No functional changes.)