Add map terrain.

[plomrogue2-experiments] / new2 / rogue_chat.html

diff --git a/new2/rogue_chat.html b/new2/rogue_chat.html
index cefc451dabcbfbbeca91cdc0ed533926ae9ab52a..f1146cb7c9cd70646656c85c80ef67a4882a4973 100644 (file)
--- a/new2/rogue_chat.html
+++ b/new2/rogue_chat.html
@@ -78,7 +78,7 @@ let parser = {
     }
     return tokens;
   },
-  parse_position(position_string) {
+  parse_yx(position_string) {
     let coordinate_strings = position_string.split(',')
     let position = [0, 0];
     position[0] = coordinate_strings[0].slice(2);
@@ -101,6 +101,18 @@ let tui = {
   },
   draw_map: function() {
     terminal.drawBox(0, 0, terminal.rows, terminal.cols / 2);
+    let map_line = "";
+    let y = 0;
+    for (let i = 0, x = 0; i < game.map.length; i++, x++) {
+      if (x >= game.map_size[1]) {
+       terminal.write(y, 0, map_line);
+       map_line = "";
+        x = 0;
+       y += 1;
+      };
+      map_line += game.map[i];
+    }
+    terminal.write(y, 0, map_line);
     for (const t in game.things) {
       terminal.write(game.things[t][0], game.things[t][1], '@');
     }
@@ -124,7 +136,9 @@ let tui = {
 
 let game = {
   things: {},
-  tick: 0
+  tick: 0,
+  map: "",
+  map_size: [1,1]
 }
 
 let chat = {
@@ -177,7 +191,10 @@ websocket.onmessage = function (event) {
     game.things = {}
     game.tick = parseInt(tokens[1]);
   } else if (tokens[0] === 'THING_POS') {
-    game.things[tokens[1]] = parser.parse_position(tokens[2]); 
+    game.things[tokens[1]] = parser.parse_yx(tokens[2]);
+  } else if (tokens[0] === 'MAP') {
+    game.map_size = parser.parse_yx(tokens[1]);
+    game.map = tokens[2]
   } else if (tokens[0] === 'GAME_STATE_COMPLETE') {
     tui.draw_tick_line();
     tui.draw_map();