Enforce rows number as multiple of 4 in both clients, for smoother hex scrolling.

[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 2d60619ee7282d2590a1818f73a3156161b65168..16fd8342eedb6afdda1c172d60076f8a72bf2c26 100644 (file)
--- a/new2/rogue_chat_nocanvas_monochrome.html
+++ b/new2/rogue_chat_nocanvas_monochrome.html
@@ -5,10 +5,10 @@
  </head><body>
  <div>
  movement: <select id="movement_keys" name="movement_keys" >
-<option value="alphabetic" selected>w/a/s/d (square grid) or e,d,c,x,s,r (hex grid)</option>
+<option value="alphabetic" selected>w/a/s/d (square grid) or e,d,c,x,s,w (hex grid)</option>
  <option value="arrow_or_numpad">arrow keys (square grid) or numpad (hex grid)</option>
  </select>
-rows: <input id="n_rows" type="number" step=2 min=10 value=24 />
+rows: <input id="n_rows" type="number" step=4 min=10 value=24 />
  cols: <input id="n_cols" type="number" step=4 min=20 value=80 />
  command character: <select id="command_char"" >
  <option value=":" selected>:</option>
@@ -151,7 +151,7 @@ let server = {
          this.websocket.onopen = function(event) {
              window.setInterval(function() { server.send(['PING']) }, 30000);
              tui.log_msg("@ server connected! :)");
-            tui.init_login();
+            tui.switch_mode(mode_login);
          };
          this.websocket.onclose = function(event) {
              tui.log_msg("@ server disconnected :(");
@@ -335,10 +335,6 @@ let tui = {
          };
      };
    },
-  init_login: function() {
-      this.log_msg("@ please enter your username:");
-      this.switch_mode(mode_login);
-  },
    switch_mode: function(mode, keep_pos=false) {
      if (mode == mode_study && !keep_pos && game.player_id in game.things) {
        explorer.position = game.things[game.player_id].position;
@@ -352,10 +348,16 @@ let tui = {
             this.recalc_input_lines();
          }
      }
-    if (mode == mode_portal && explorer.position in game.portals) {
+    if (mode == mode_login) {
+        if (this.login_name) {
+            server.send(['LOGIN', this.login_name]);
+        } else {
+            this.log_msg("? need login name");
+        }
+    } else if (mode == mode_portal && explorer.position in game.portals) {
          let portal = game.portals[explorer.position]
-       this.inputEl.value = portal;
-       this.recalc_input_lines();
+        this.inputEl.value = portal;
+        this.recalc_input_lines();
      } else if (mode == mode_teleport) {
          tui.log_msg("@ May teleport to: " + tui.teleport_target);
          tui.log_msg("@ Enter 'YES!' to entusiastically affirm.");
@@ -403,7 +405,7 @@ let tui = {
      this.log_msg("  " + command_char_selector.value + "nick NAME - re-name yourself to NAME");
      this.log_msg("  " + command_char_selector.value + "msg USER TEXT - send TEXT to USER");
      this.log_msg("  " + command_char_selector.value + "help - show this help");
-    this.log_msg("  " + command_char_selector.value + "p or " + command_char_selector.value + "play - switch to play mode");
+    this.log_msg("  " + command_char_selector.value + "P or " + command_char_selector.value + "play - switch to play mode");
      this.log_msg("  " + command_char_selector.value + "? or " + command_char_selector.value + "study - switch to study mode");
      this.log_msg("commands common to study and play mode:");
      this.log_msg("  " + this.movement_keys_desc + " - move");
@@ -685,8 +687,9 @@ tui.inputEl.addEventListener('keydown', (event) => {
          event.preventDefault();
      }
      if (tui.mode == mode_login && event.key == 'Enter') {
+        tui.login_name = tui.inputEl.value;
          server.send(['LOGIN', tui.inputEl.value]);
-        tui.switch_mode(mode_login);
+        tui.empty_input();
      } else if (tui.mode == mode_portal && event.key == 'Enter') {
          explorer.set_portal(tui.inputEl.value);
          tui.switch_mode(mode_study, true);
@@ -704,7 +707,7 @@ tui.inputEl.addEventListener('keydown', (event) => {
          let [tokens, token_starts] = parser.tokenize(tui.inputEl.value);
          if (tokens.length > 0 && tokens[0].length > 0) {
              if (tui.inputEl.value[0][0] == command_char_selector.value) {
-                if (tokens[0].slice(1) == 'play' || tokens[0].slice(1) == 'p') {
+                if (tokens[0].slice(1) == 'play' || tokens[0].slice(1) == 'P') {
                      tui.switch_mode(mode_play);
                  } else if (tokens[0].slice(1) == 'study' || tokens[0].slice(1) == '?') {
                      tui.switch_mode(mode_study);
@@ -778,7 +781,7 @@ movement_keys_selector.addEventListener('input', function() {
      tui.init_wasd();
  }, false);
  rows_selector.addEventListener('input', function() {
-    if (rows_selector.value % 2 != 0) {
+    if (rows_selector.value % 4 != 0) {
          return;
      }
      terminal.initialize();