restyle loading

src/js/gameMechanics.js

@@ -78,22 +78,32 @@ const game = {
           colors.blueBg,
           1
         );
+        game.add.geom.rect(
+          context.canvas.width / 2 - 500 / 2,
+          context.canvas.height / 2 - 40 / 2,
+          500,
+          40,
+          colors.white,
+          1
+        );
+
         game.state.progressBar = game.add.geom.rect(
-          context.canvas.width / 2,
+          context.canvas.width / 2 - 500 / 2,
           context.canvas.height / 2,
           40,
           40,
           colors.blue,
           0.4
         );
-        game.state.progressBar.anchor(0.5, 0.5);
+        game.state.progressBar.anchor(0, 0.5);
 
         game.state.progressBarLabel = game.add.text(
           context.canvas.width / 2,
-          context.canvas.height / 2 + 100,
-          '...',
+          context.canvas.height / 2 + 80,
+          'Loading...',
           textStyles.h2_
         );
+
         // Calls state's preload() to load the state's media
         self.preload();
       } else {

src/js/globals/globals_debug.js

@@ -1,16 +1,16 @@
-const isDebugMode = true;
+const isDebugMode = false;
 
 const debugState = {
-  lang: { skip: true, lang: 'es_PE' },
-  name: { skip: true, name: 'Username' },
-  menu: { skip: true, id: 1 },
+  lang: { skip: false, lang: 'es_PE' },
+  name: { skip: false, name: 'Username' },
+  menu: { skip: false, id: 1 },
   customMenu: {
-    skip: true,
+    skip: false,
     getData: () => {
       return { mode: 'b', operation: 'plus', difficulty: 3, label: true };
     },
   },
-  map: { skip: true },
+  map: { skip: false },
   end: { skip: false, stop: false },
   moodle: {
     emulate: false,