Initialize (centered) map view even before login.

[plomrogue2-experiments] / new2 / rogue_chat_nocanvas_monochrome.html

diff --git a/new2/rogue_chat_nocanvas_monochrome.html b/new2/rogue_chat_nocanvas_monochrome.html
index eaa180d03157dfae3b997c6a0862a74aba0d34aa..c5a4a1fa2d9e5cf3a8651ad5b9756f548a0a6bc4 100644 (file)
--- a/new2/rogue_chat_nocanvas_monochrome.html
+++ b/new2/rogue_chat_nocanvas_monochrome.html
@@ -153,14 +153,15 @@ let tui = {
     };
     map_lines.push(line);
     let player_position = [0,0];
+    let center_pos = [Math.floor(game.map_size[0] / 2),
+                     Math.floor(game.map_size[1] / 2)];
     for (const thing_id in game.things) {
         let t = game.things[thing_id];
         map_lines[t[0]][t[1]] = '@';
         if (game.player_id == thing_id) {
-            player_position = t;
+            center_pos = t;
         }
     };
-    let center_pos = player_position;
     if (tui.mode == 'study' || tui.mode == 'annotate') {
         map_lines[explorer.position[0]][explorer.position[1]] = '?';
         center_pos = explorer.position;
@@ -271,6 +272,10 @@ tui.log_help();
 tui.full_refresh();
 
 let websocket = new WebSocket(websocket_location);
+websocket.onopen = function (event) {
+    window.setInterval(function() { websocket.send('PING') }, 30000);
+    websocket.send('GET_GAMESTATE');
+}
 websocket.onmessage = function (event) {
   let tokens = parser.tokenize(event.data)[0];
   if (tokens[0] === 'TURN') {
@@ -481,7 +486,5 @@ document.addEventListener('keydown', (event) => {
         }
     }
 }, false);
-
-window.setInterval(function() { websocket.send('PING') }, 30000);
 </script>
 </body></html>