home · contact · privacy
In web client, enable keyboard control except if in outer HTML input field.
[plomrogue2] / rogue_chat.html
index ba49e868e16dcf77f7856e757d100e0338af2157..073874047d1529d3b17a52b02e387207a6e731a3 100644 (file)
@@ -16,9 +16,6 @@ terminal rows: <input id="n_rows" type="number" step=4 min=24 value=24 />
 </div>
 <pre id="terminal"></pre>
 <textarea id="input" style="opacity: 0; width: 0px;"></textarea>
-<div>
-keyboard input/control: <span id="keyboard_control"></span>
-</div>
 <h3>button controls for hard-to-remember keybindings</h3>
 <table id="move_table" style="float: left">
   <tr>
@@ -479,29 +476,29 @@ let server = {
         let tokens = parser.tokenize(event.data);
         if (tokens[0] === 'TURN') {
             game.turn_complete = false;
-            explorer.empty_annotations();
-            game.things = {};
-            game.portals = {};
-            game.fov = '';
             game.turn = parseInt(tokens[1]);
+        } else if (tokens[0] === 'PSEUDO_FOV_WIPE') {
+            game.portals_new = {};
+            explorer.annotations_new = {};
+            game.things_new = [];
         } else if (tokens[0] === 'THING') {
-            let t = game.get_thing(tokens[4], true);
+            let t = game.get_thing_temp(tokens[4], true);
             t.position = parser.parse_yx(tokens[1]);
             t.type_ = tokens[2];
             t.protection = tokens[3];
             t.portable = parseInt(tokens[5]);
             t.commandable = parseInt(tokens[6]);
         } else if (tokens[0] === 'THING_NAME') {
-            let t = game.get_thing(tokens[1], false);
+            let t = game.get_thing_temp(tokens[1]);
             t.name_ = tokens[2];
         } else if (tokens[0] === 'THING_FACE') {
-            let t = game.get_thing(tokens[1], false);
+            let t = game.get_thing_temp(tokens[1]);
             t.face = tokens[2];
         } else if (tokens[0] === 'THING_HAT') {
-            let t = game.get_thing(tokens[1], false);
+            let t = game.get_thing_temp(tokens[1]);
             t.hat = tokens[2];
         } else if (tokens[0] === 'THING_CHAR') {
-            let t = game.get_thing(tokens[1], false);
+            let t = game.get_thing_temp(tokens[1]);
             t.thing_char = tokens[2];
         } else if (tokens[0] === 'TASKS') {
             game.tasks = tokens[1].split(',');
@@ -512,26 +509,33 @@ let server = {
         } else if (tokens[0] === 'THING_TYPE') {
             game.thing_types[tokens[1]] = tokens[2]
         } else if (tokens[0] === 'THING_CARRYING') {
-            let t = game.get_thing(tokens[1], false);
+            let t = game.get_thing_temp(tokens[1]);
             t.carrying = game.get_thing(tokens[2], false);
         } else if (tokens[0] === 'THING_INSTALLED') {
-            let t = game.get_thing(tokens[1], false);
+            let t = game.get_thing_temp(tokens[1]);
             t.installed = true;
         } else if (tokens[0] === 'TERRAIN') {
             game.terrains[tokens[1]] = tokens[2]
         } else if (tokens[0] === 'MAP') {
-            game.map_geometry = tokens[1];
-            tui.init_keys();
-            game.map_size = parser.parse_yx(tokens[2]);
-            game.map = tokens[3]
+            game.map_geometry_new = tokens[1];
+            game.map_size_new = parser.parse_yx(tokens[2]);
+            game.map_new = tokens[3]
         } else if (tokens[0] === 'FOV') {
-            game.fov = tokens[1]
+            game.fov_new = tokens[1]
         } else if (tokens[0] === 'MAP_CONTROL') {
-            game.map_control = tokens[1]
+            game.map_control_new = tokens[1]
         } else if (tokens[0] === 'GAME_STATE_COMPLETE') {
-            game.turn_complete = true;
-            game.player = game.things[game.player_id];
+            game.portals = game.portals_new;
+            game.map_geometry = game.map_geometry_new;
+            game.map_size = game.map_size_new;
+            game.map = game.map_new;
+            tui.init_keys();
+            game.map_control = game.map_control_new;
+            explorer.annotations = explorer.annotations_new;
             explorer.info_cached = false;
+            game.things = game.things_new;
+            game.player = game.things[game.player_id];
+            game.turn_complete = true;
             if (tui.mode.name == 'post_login_wait') {
                 tui.switch_mode('play');
             } else {
@@ -559,11 +563,10 @@ let server = {
             tui.switch_mode('admin');
         } else if (tokens[0] === 'PORTAL') {
             let position = parser.parse_yx(tokens[1]);
-            game.portals[position] = tokens[2];
+            game.portals_new[position] = tokens[2];
         } else if (tokens[0] === 'ANNOTATION') {
             let position = parser.parse_yx(tokens[1]);
-            explorer.update_annotations(position, tokens[2]);
-            tui.full_refresh();
+            explorer.annotations_new[position] = tokens[2];
         } else if (tokens[0] === 'UNHANDLED_INPUT') {
             tui.log_msg('? unknown command');
         } else if (tokens[0] === 'PLAY_ERROR') {
@@ -772,7 +775,7 @@ let tui = {
     function fail(msg, return_mode) {
         tui.log_msg('? ' + msg);
         terminal.blink_screen();
-        this.switch_mode(return_mode);
+        tui.switch_mode(return_mode);
     }
 
     if (this.mode && this.mode.name == 'control_tile_draw') {
@@ -1139,8 +1142,12 @@ let tui = {
           return;
       }
       const start_x = tui.window_width - 10;
+      let t_char = ' ';
+      if (t.thing_char) {
+          t_char = t.thing_char;
+      }
       function draw_body_part(body_part, end_y) {
-          terminal.write(end_y - 4, start_x, ' ________ ');
+          terminal.write(end_y - 4, start_x, ' _[ @' + t_char + ' ]_ ');
           terminal.write(end_y - 3, start_x, '|        |');
           terminal.write(end_y - 2, start_x, '| ' + body_part.slice(0, 6) + ' |');
           terminal.write(end_y - 1, start_x, '| ' + body_part.slice(6, 12) + ' |');
@@ -1303,24 +1310,36 @@ let tui = {
 
 let game = {
     init: function() {
-        this.things = {};
         this.turn = -1;
+        this.player_id = -1;
+        this.tasks = {};
+        this.things = {};
+        this.things_new = {};
+        this.fov = "";
+        this.fov_new = "";
         this.map = "";
+        this.map_new = "";
         this.map_control = "";
+        this.map_control_new = "";
         this.map_size = [0,0];
-        this.player_id = -1;
+        this.map_size_new = [0,0];
         this.portals = {};
-        this.tasks = {};
+        this.portals_new = {};
     },
-    get_thing: function(id_, create_if_not_found=false) {
-        if (id_ in game.things) {
-            return game.things[id_];
+    get_thing_temp: function(id_, create_if_not_found=false) {
+        if (id_ in game.things_new) {
+            return game.things_new[id_];
         } else if (create_if_not_found) {
             let t = new Thing([0,0]);
-            game.things[id_] = t;
+            game.things_new[id_] = t;
             return t;
         };
     },
+    get_thing: function(id_, create_if_not_found=false) {
+        if (id_ in game.things) {
+            return game.things[id_];
+        };
+    },
     move: function(start_position, direction) {
         let target = [start_position[0], start_position[1]];
         if (direction == 'LEFT') {
@@ -1381,6 +1400,7 @@ server.init(websocket_location);
 let explorer = {
     position: [0,0],
     annotations: {},
+    annotations_new: {},
     info_cached: false,
     move: function(direction) {
         let target = game.move(this.position, direction);
@@ -1394,18 +1414,6 @@ let explorer = {
             terminal.blink_screen();
         };
     },
-    update_annotations: function(yx, str) {
-        this.annotations[yx] = str;
-        if (tui.mode.name == 'study') {
-            tui.full_refresh();
-        }
-    },
-    empty_annotations: function() {
-        this.annotations = {};
-        if (tui.mode.name == 'study') {
-            tui.full_refresh();
-        }
-    },
     get_info: function() {
         if (this.info_cached) {
             return this.info_cached;
@@ -1501,7 +1509,9 @@ tui.inputEl.addEventListener('input', (event) => {
     tui.full_refresh();
 }, false);
 document.onclick = function() {
-    tui.show_help = false;
+    if (!tui.mode.is_single_char_entry) {
+        tui.show_help = false;
+    }
 };
 tui.inputEl.addEventListener('keydown', (event) => {
     tui.show_help = false;
@@ -1704,18 +1714,9 @@ window.setInterval(function() {
     }
 }, 1000);
 window.setInterval(function() {
-    let val = "?";
-    let span_decoration = "none";
-    if (document.activeElement == tui.inputEl) {
-        val = "on (click outside terminal to change)";
-    } else {
-        val = "off (click into terminal to change)";
-        span_decoration = "line-through";
+    if (document.activeElement.tagName.toLowerCase() != 'input') {
+        tui.inputEl.focus();
     };
-    document.getElementById("keyboard_control").textContent = val;
-    for (const span of document.querySelectorAll('.keyboard_controlled')) {
-        span.style.textDecoration = span_decoration;
-    }
 }, 100);
 document.getElementById("terminal").onclick = function() {
     tui.inputEl.focus();
@@ -1764,14 +1765,20 @@ for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
         continue;
     };
     let direction = move_button.id.split('_')[2].toUpperCase();
-    move_button.onclick = function() {
-        if (tui.mode.available_actions.includes("move")) {
-            server.send(['TASK:MOVE', direction]);
-        } else if (tui.mode.available_actions.includes("move_explorer")) {
-            explorer.move(direction);
-            tui.full_refresh();
-        };
+    let move_repeat;
+    move_button.onmousedown = function() {
+        move_repeat = window.setInterval(function() {
+            if (tui.mode.available_actions.includes("move")) {
+                server.send(['TASK:MOVE', direction]);
+            } else if (tui.mode.available_actions.includes("move_explorer")) {
+                explorer.move(direction);
+                tui.full_refresh();
+            };
+        }, 100);
     };
+    move_button.onmouseup = function() {
+        window.clearInterval(move_repeat);
+    }
 };
 </script>
 </body></html>