X-Git-Url: https://plomlompom.com/repos/%7B%7Bprefix%7D%7D/copy_free?a=blobdiff_plain;f=rogue_chat.html;h=42b0362a4504aaed05882693cdbd05ead1c51171;hb=3484a01e592bafc9d573b878ff94ef5e64755476;hp=dfeeecdba69e2570d88c4ea1f08fafa512b2c14e;hpb=c7a3af00680ba0449310bbb7336a187dd4ed6bcf;p=plomrogue2

diff --git a/rogue_chat.html b/rogue_chat.html
index dfeeecd..42b0362 100644
--- a/rogue_chat.html
+++ b/rogue_chat.html
@@ -58,6 +58,7 @@ keyboard input/control: <span id="keyboard_control"></span>
       <button id="switch_to_command_thing"></button>
       <button id="teleport"></button>
       <button id="install"></button>
+      <button id="wear"></button>
     </td>
   </tr>
   <tr>
@@ -102,6 +103,7 @@ keyboard input/control: <span id="keyboard_control"></span>
 <li>open/close: <input id="key_door" type="text" value="D" />
 <li>consume: <input id="key_consume" type="text" value="C" />
 <li>install: <input id="key_install" type="text" value="I" />
+<li>(un-)wear: <input id="key_wear" type="text" value="W" />
 <li><input id="key_switch_to_enter_face" type="text" value="f" />
 <li><input id="key_switch_to_take_thing" type="text" value="z" />
 <li><input id="key_switch_to_chat" type="text" value="t" />
@@ -125,7 +127,7 @@ keyboard input/control: <span id="keyboard_control"></span>
 <script>
 "use strict";
 let websocket_location = "wss://plomlompom.com/rogue_chat/";
-//let websocket_location = "ws://localhost:8001/";
+//let websocket_location = "ws://localhost:8000/";
 
 let mode_helps = {
     'play': {
@@ -165,7 +167,7 @@ let mode_helps = {
     'enter_face': {
         'short': 'enter your face',
         'intro': '@ enter face line (enter nothing to abort):',
-        'long': 'Draw your face as ASCII art.  The string you enter must be 9 characters long, and will be divided on display into three lines of three characters each, from top to bottom..'
+        'long': 'Draw your face as ASCII art.  The string you enter must be 18 characters long, and will be divided on display into 3 lines of 6 characters each, from top to bottom..'
     },
     'write': {
         'short': 'change terrain',
@@ -246,6 +248,7 @@ let key_descriptions = {
     'door': 'open/close',
     'consume': 'consume',
     'install': '(un-)install',
+    'wear': '(un-)wear',
     'toggle_map_mode': 'toggle map view',
     'toggle_tile_draw': 'toggle protection character drawing',
     'hex_move_upleft': 'up-left',
@@ -488,6 +491,9 @@ let server = {
         } else if (tokens[0] === 'THING_FACE') {
             let t = game.get_thing(tokens[1], false);
             t.face = tokens[2];
+        } else if (tokens[0] === 'THING_HAT') {
+            let t = game.get_thing(tokens[1], false);
+            t.hat = tokens[2];
         } else if (tokens[0] === 'THING_CHAR') {
             let t = game.get_thing(tokens[1], false);
             t.thing_char = tokens[2];
@@ -677,6 +683,7 @@ let tui = {
       'move': 'MOVE',
       'door': 'DOOR',
       'install': 'INSTALL',
+      'wear': 'WEAR',
       'command': 'COMMAND',
       'consume': 'INTOXICATE',
   },
@@ -686,8 +693,8 @@ let tui = {
   init: function() {
       this.mode_play.available_modes = ["chat", "study", "edit", "admin_enter",
                                         "command_thing", "take_thing"]
-      this.mode_play.available_actions = ["move", "drop_thing",
-                                          "teleport", "door", "consume", "install"];
+      this.mode_play.available_actions = ["move", "drop_thing", "teleport",
+                                          "door", "consume", "install", "wear"];
       this.mode_study.available_modes = ["chat", "play", "admin_enter", "edit"]
       this.mode_study.available_actions = ["toggle_map_mode", "move_explorer"];
       this.mode_admin.available_modes = ["admin_thing_protect", "control_pw_type",
@@ -1337,10 +1344,15 @@ let explorer = {
                          protection = 'none';
                      }
                      info_to_cache += " / protection: " + protection + "\n";
+                     if (t.hat) {
+                         info_to_cache += t.hat.slice(0, 6) + '\n';
+                         info_to_cache += t.hat.slice(6, 12) + '\n';
+                         info_to_cache += t.hat.slice(12, 18) + '\n';
+                     }
                      if (t.face) {
-                         info_to_cache += t.face.slice(0, 3) + '\n';
-                         info_to_cache += t.face.slice(3, 6) + '\n';
-                         info_to_cache += t.face.slice(6, 9) + '\n';
+                         info_to_cache += t.face.slice(0, 6) + '\n';
+                         info_to_cache += t.face.slice(6, 12) + '\n';
+                         info_to_cache += t.face.slice(12, 18) + '\n';
                      }
                  }
             }
@@ -1436,7 +1448,7 @@ tui.inputEl.addEventListener('keydown', (event) => {
         server.send(['LOGIN', tui.inputEl.value]);
         tui.inputEl.value = "";
     } else if (tui.mode.name == 'enter_face' && event.key == 'Enter') {
-        if (tui.inputEl.value.length != 9) {
+        if (tui.inputEl.value.length != 18) {
             tui.log_msg('? wrong input length, aborting');
         } else {
             server.send(['PLAYER_FACE', tui.inputEl.value]);
@@ -1543,6 +1555,8 @@ tui.inputEl.addEventListener('keydown', (event) => {
               server.send(["TASK:DOOR"]);
           } else if (event.key === tui.keys.install && tui.task_action_on('install')) {
               server.send(["TASK:INSTALL"]);
+          } else if (event.key === tui.keys.wear && tui.task_action_on('wear')) {
+              server.send(["TASK:WEAR"]);
           } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
               server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
           } else if (event.key === tui.keys.teleport) {
@@ -1665,17 +1679,23 @@ document.getElementById("consume").onclick = function() {
 document.getElementById("install").onclick = function() {
     server.send(['TASK:INSTALL']);
 };
+document.getElementById("wear").onclick = function() {
+    server.send(['TASK:WEAR']);
+};
 document.getElementById("teleport").onclick = function() {
     game.teleport();
 };
 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
+    if (move_button.id.startsWith('key_')) {  // not a move button
+        continue;
+    };
     let direction = move_button.id.split('_')[2].toUpperCase();
     move_button.onclick = function() {
-        if (tui.mode.available_actions.includes("move")
-            || tui.mode.available_actions.includes("move_explorer")) {
+        if (tui.mode.available_actions.includes("move")) {
             server.send(['TASK:MOVE', direction]);
-        } else {
+        } else if (tui.mode.available_actions.includes("move_explorer")) {
             explorer.move(direction);
+            tui.full_refresh();
         };
     };
 };