Try preloading font

cxong · Jul 5, 2015 · e7914f9 · e7914f9
1 parent 0fefe46
commit e7914f9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
         body{
             margin: 0;
             padding: 0;
-            font-family: VT323;
+            font-family: VT323, monospace;
         }
         </style>
         <script src="scripts/phaser.min.js"></script>
@@ -29,9 +29,9 @@
         <script src="scripts/preload.js"></script>
         <script src="scripts/boot.js"></script>
     </head>
-    <body>
-        <div id="fontloader" style="display: none">Foobar</div>
+    <body
         <div id="gameContainer"></div>
+        <div id="fontLoader">Drunken Viking</div>
         <script src="scripts/index.js"></script>
     </body>
 </html>
diff --git a/scripts/index.js b/scripts/index.js
@@ -1,9 +1,10 @@
-window.onload = function() {
+window.onload = function() { setTimeout(function () {
+    document.getElementById('fontLoader').style.display = 'none';
     var game = new Phaser.Game(SCREEN_WIDTH, SCREEN_HEIGHT, Phaser.AUTO,
                                'gameContainer', null, false,
                                false);
     game.state.add('boot', BasicGame.Boot);
     game.state.add('preload', BasicGame.Preload);
     game.state.add('game', GameState);
     game.state.start('boot');
-};
+}, 1000); };