X-Git-Url: https://plomlompom.com/repos/feed.xml?a=blobdiff_plain;f=rogue_chat.html;h=26322e94a31c3e797a07924704bfb4e3963e983c;hb=0ae5c165fbce33fcdc60f92cceb18109124aabde;hp=a28951a86711b79df84b8e8102d59c78c5ed96c0;hpb=77d92cc43df05bebecde95f39074024f359ad1be;p=plomrogue2 diff --git a/rogue_chat.html b/rogue_chat.html index a28951a..26322e9 100644 --- a/rogue_chat.html +++ b/rogue_chat.html @@ -16,10 +16,7 @@ terminal rows:

 
-
-keyboard input/control: -
-

button controls for mouse players

+

button controls for hard-to-remember keybindings

@@ -52,13 +49,13 @@ keyboard input/control: @@ -66,11 +63,13 @@ keyboard input/control: @@ -99,12 +98,14 @@ keyboard input/control:
  • help:
  • flatten surroundings:
  • teleport: -
  • drop thing: +
  • spin:
  • open/close:
  • consume:
  • install:
  • (un-)wear: +
  • +
  • @@ -159,6 +160,11 @@ let mode_helps = { 'intro': 'Pick up a thing in reach by entering its index number. Enter nothing to abort.', 'long': 'You see a list of things which you could pick up. Enter the target thing\'s index, or, to leave, nothing.' }, + 'drop_thing': { + 'short': 'drop thing', + 'intro': 'Enter number of direction to which you want to drop thing.', + 'long': 'Drop currently carried thing by entering the target direction index. Enter nothing to return to play mode..' + }, 'admin_thing_protect': { 'short': 'change thing protection', 'intro': '@ enter thing protection character:', @@ -169,6 +175,11 @@ let mode_helps = { 'intro': '@ enter face line (enter nothing to abort):', '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..' }, + 'enter_hat': { + 'short': 'enter your hat', + 'intro': '@ enter hat line (enter nothing to abort):', + 'long': 'Draw your hat 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', 'intro': '', @@ -244,11 +255,11 @@ let key_descriptions = { 'help': 'help', 'flatten': 'flatten surroundings', 'teleport': 'teleport', - 'drop_thing': 'drop thing', 'door': 'open/close', 'consume': 'consume', 'install': '(un-)install', 'wear': '(un-)wear', + 'spin': 'spin', 'toggle_map_mode': 'toggle map view', 'toggle_tile_draw': 'toggle protection character drawing', 'hex_move_upleft': 'up-left', @@ -447,7 +458,6 @@ let server = { this.url = url; this.websocket = new WebSocket(this.url); this.websocket.onopen = function(event) { - server.connected = true; game.thing_types = {}; game.terrains = {}; server.send(['TASKS']); @@ -457,7 +467,6 @@ let server = { tui.switch_mode('login'); }; this.websocket.onclose = function(event) { - server.connected = false; tui.switch_mode('waiting_for_server'); tui.log_msg("@ server disconnected :("); }; @@ -474,66 +483,84 @@ 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(','); tui.mode_write.legal = game.tasks.includes('WRITE'); tui.mode_command_thing.legal = game.tasks.includes('WRITE'); tui.mode_take_thing.legal = game.tasks.includes('PICK_UP'); + tui.mode_drop_thing.legal = game.tasks.includes('DROP'); } 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); - t.carrying = true; + 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.portals = game.portals_new; + game.map_geometry = game.map_geometry_new; + game.map_size = game.map_size_new; + game.map = game.map_new; + game.fov = game.fov_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.players_hat_chars = game.players_hat_chars_new; game.turn_complete = true; if (tui.mode.name == 'post_login_wait') { tui.switch_mode('play'); + } else { + tui.full_refresh(); } - explorer.info_cached = false; - tui.full_refresh(); } else if (tokens[0] === 'CHAT') { tui.log_msg('# ' + tokens[1], 1); + } else if (tokens[0] === 'CHATFACE') { + tui.draw_face = tokens[1]; + tui.full_refresh(); } else if (tokens[0] === 'REPLY') { tui.log_msg('#MUSICPLAYER: ' + tokens[1], 1); } else if (tokens[0] === 'PLAYER_ID') { game.player_id = parseInt(tokens[1]); + } else if (tokens[0] === 'PLAYERS_HAT_CHARS') { + game.players_hat_chars_new = tokens[1]; } else if (tokens[0] === 'LOGIN_OK') { this.send(['GET_GAMESTATE']); tui.switch_mode('post_login_wait'); @@ -547,11 +574,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') { @@ -670,7 +696,9 @@ let tui = { mode_name_thing: new Mode('name_thing', true, true), mode_command_thing: new Mode('command_thing', true), mode_take_thing: new Mode('take_thing', true), + mode_drop_thing: new Mode('drop_thing', true), mode_enter_face: new Mode('enter_face', true), + mode_enter_hat: new Mode('enter_hat', true), mode_admin_enter: new Mode('admin_enter', true), mode_admin: new Mode('admin'), mode_control_pw_pw: new Mode('control_pw_pw', true), @@ -686,15 +714,17 @@ let tui = { 'wear': 'WEAR', 'command': 'COMMAND', 'consume': 'INTOXICATE', + 'spin': 'SPIN', }, offset: [0,0], map_lines: [], selectables: [], + draw_face: false, 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", "wear"]; + "command_thing", "take_thing", "drop_thing"] + this.mode_play.available_actions = ["move", "teleport", "door", "consume", + "wear", "spin"]; 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", @@ -705,10 +735,10 @@ let tui = { this.mode_control_tile_draw.available_actions = ["toggle_tile_draw"]; this.mode_edit.available_modes = ["write", "annotate", "portal", "name_thing", "password", "chat", "study", "play", - "admin_enter", "enter_face"] - this.mode_edit.available_actions = ["move", "flatten", "toggle_map_mode"] + "admin_enter", "enter_face", "enter_hat"] + this.mode_edit.available_actions = ["move", "flatten", "install", + "toggle_map_mode"] this.inputEl = document.getElementById("input"); - this.inputEl.focus(); this.switch_mode('waiting_for_server'); this.recalc_input_lines(); this.height_header = this.height_turn_line + this.height_mode_line; @@ -752,29 +782,45 @@ let tui = { return game.tasks.includes(this.action_tasks[action]); }, switch_mode: function(mode_name) { + + function fail(msg, return_mode) { + tui.log_msg('? ' + msg); + terminal.blink_screen(); + tui.switch_mode(return_mode); + } + if (this.mode && this.mode.name == 'control_tile_draw') { tui.log_msg('@ finished tile protection drawing.') } + this.draw_face = false; this.tile_draw = false; + if (mode_name == 'command_thing' && (!game.player.carrying + || !game.player.carrying.commandable)) { + return fail('not carrying anything commandable', 'play'); + } else if (mode_name == 'take_thing' && game.player.carrying) { + return fail('already carrying something', 'play'); + } else if (mode_name == 'drop_thing' && !game.player.carrying) { + return fail('not carrying anything droppable', 'play'); + } else if (mode_name == 'enter_hat' && !game.player.hat) { + return fail('not wearing hat to edit', 'edit'); + } if (mode_name == 'admin_enter' && this.is_admin) { mode_name = 'admin'; } else if (['name_thing', 'admin_thing_protect'].includes(mode_name)) { - let player_position = game.things[game.player_id].position; let thing_id = null; for (let t_id in game.things) { if (t_id == game.player_id) { continue; } let t = game.things[t_id]; - if (player_position[0] == t.position[0] && player_position[1] == t.position[1]) { + if (game.player.position[0] == t.position[0] + && game.player.position[1] == t.position[1]) { thing_id = t_id; break; } } if (!thing_id) { - terminal.blink_screen(); - this.log_msg('? not standing over thing'); - return; + return fail('not standing over thing', 'fail'); } else { this.selected_thing_id = thing_id; } @@ -785,11 +831,8 @@ let tui = { } else if (this.mode.name != "edit") { this.map_mode = 'terrain + things'; }; - if (this.mode.has_input_prompt || this.mode.is_single_char_entry) { - this.inputEl.focus(); - } if (game.player_id in game.things && (this.mode.shows_info || this.mode.name == 'control_tile_draw')) { - explorer.position = game.things[game.player_id].position; + explorer.position = game.player.position; } this.inputEl.value = ""; this.restore_input_values(); @@ -826,9 +869,8 @@ let tui = { this.show_help = true; } else if (this.mode.name == 'take_thing') { this.log_msg("Portable things in reach for pick-up:"); - const player = game.things[game.player_id]; - const y = player.position[0] - const x = player.position[1] + const y = game.player.position[0] + const x = game.player.position[1] let select_range = [y.toString() + ':' + x.toString(), (y + 0).toString() + ':' + (x - 1).toString(), (y + 0).toString() + ':' + (x + 1).toString(), @@ -849,16 +891,26 @@ let tui = { if (select_range.includes(t.position[0].toString() + ':' + t.position[1].toString()) && t.portable) { - this.selectables.push([t_id, t]); + this.selectables.push(t_id); } }; if (this.selectables.length == 0) { - this.log_msg('none') + this.log_msg('none'); + terminal.blink_screen(); + this.switch_mode('play'); + return; } else { - for (let [i, t] of this.selectables.entries()) { - this.log_msg(i + ': ' + explorer.get_thing_info(t[1])); + for (let [i, t_id] of this.selectables.entries()) { + const t = game.things[t_id]; + this.log_msg(i + ': ' + explorer.get_thing_info(t)); } } + } else if (this.mode.name == 'drop_thing') { + this.log_msg('Direction to drop thing to:'); + this.selectables = ['HERE'].concat(Object.values(this.movement_keys)); + for (let [i, direction] of this.selectables.entries()) { + this.log_msg(i + ': ' + direction); + }; } else if (this.mode.name == 'command_thing') { server.send(['TASK:COMMAND', 'HELP']); } else if (this.mode.name == 'control_pw_pw') { @@ -979,6 +1031,16 @@ let tui = { }; this.full_refresh(); }, + pick_selectable: function(task_name) { + const i = parseInt(this.inputEl.value); + if (isNaN(i) || i < 0 || i >= this.selectables.length) { + tui.log_msg('? invalid index, aborted'); + } else { + server.send(['TASK:' + task_name, tui.selectables[i]]); + } + this.inputEl.value = ""; + this.switch_mode('play'); + }, draw_map: function() { if (!game.turn_complete && this.map_lines.length == 0) { return; @@ -1000,8 +1062,9 @@ let tui = { }; map_lines_split.push(line); if (this.map_mode == 'terrain + annotations') { - for (const coordinate of explorer.info_hints) { - map_lines_split[coordinate[0]][coordinate[1]] = 'A '; + for (const [coordinate, _] of Object.entries(explorer.annotations)) { + const yx = coordinate.split(',') + map_lines_split[yx[0]][yx[1]] = 'A '; } } else if (this.map_mode == 'terrain + things') { for (const p in game.portals) { @@ -1038,11 +1101,10 @@ let tui = { } }; } - let player = game.things[game.player_id]; if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') { map_lines_split[explorer.position[0]][explorer.position[1]] = '??'; } else if (tui.map_mode != 'terrain + things') { - map_lines_split[player.position[0]][player.position[1]] = '??'; + map_lines_split[game.player.position[0]][game.player.position[1]] = '??'; } this.map_lines = [] if (game.map_geometry == 'Square') { @@ -1061,7 +1123,7 @@ let tui = { }; } let window_center = [terminal.rows / 2, this.window_width / 2]; - let center_position = [player.position[0], player.position[1]]; + let center_position = [game.player.position[0], game.player.position[1]]; if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') { center_position = [explorer.position[0], explorer.position[1]]; } @@ -1081,6 +1143,32 @@ let tui = { terminal.write(term_y, term_x, to_draw); } }, + draw_face_popup: function() { + const t = game.things[this.draw_face]; + if (!t || !t.face) { + this.draw_face = false; + 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, ' _[ @' + 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) + ' |'); + terminal.write(end_y, start_x, '| ' + body_part.slice(12, 18) + ' |'); + } + if (t.face) { + draw_body_part(t.face, terminal.rows - 2); + } + if (t.hat) { + draw_body_part(t.hat, terminal.rows - 5); + } + terminal.write(terminal.rows - 1, start_x, '| |'); + }, draw_mode_line: function() { let help = 'hit [' + this.keys.help + '] for help'; if (this.mode.has_input_prompt) { @@ -1169,7 +1257,8 @@ let tui = { content += this.mode.list_available_modes(); let start_x = 0; if (!this.mode.has_input_prompt) { - start_x = this.window_width + start_x = this.window_width; + this.draw_links = false; } terminal.drawBox(0, start_x, terminal.rows, this.window_width); let [lines, _] = this.msg_into_lines_of_width(content, this.window_width); @@ -1196,6 +1285,7 @@ let tui = { } }, full_refresh: function() { + this.draw_links = true; this.links = {}; terminal.drawBox(0, 0, terminal.rows, terminal.cols); this.recalc_input_lines(); @@ -1216,30 +1306,49 @@ let tui = { if (this.show_help) { this.draw_help(); } + if (this.draw_face && ['chat', 'play'].includes(this.mode.name)) { + this.draw_face_popup(); + } + if (!this.draw_links) { + this.links = {}; + } terminal.refresh(); } } 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 = {}; + this.players_hat_chars = ""; }, - 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') { @@ -1283,9 +1392,8 @@ let game = { return target; }, teleport: function() { - let player = this.get_thing(game.player_id); - if (player.position in this.portals) { - server.reconnect_to(this.portals[player.position]); + if (game.player.position in this.portals) { + server.reconnect_to(this.portals[game.player.position]); } else { terminal.blink_screen(); tui.log_msg('? not standing on portal') @@ -1301,6 +1409,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); @@ -1314,18 +1423,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; @@ -1421,18 +1518,21 @@ 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; if (event.key == 'Enter') { event.preventDefault(); } - if (tui.mode.has_input_prompt && event.key == 'Enter' - && tui.inputEl.value.length == 0 - && ['chat', 'command_thing', 'take_thing', - 'admin_enter'].includes(tui.mode.name)) { - if (tui.mode.name != 'chat') { + if ((!tui.mode.is_intro && event.key == 'Escape') + || (tui.mode.has_input_prompt && event.key == 'Enter' + && tui.inputEl.value.length == 0 + && ['chat', 'command_thing', 'take_thing', 'drop_thing', + 'admin_enter'].includes(tui.mode.name))) { + if (!['chat', 'play', 'study', 'edit'].includes(tui.mode.name)) { tui.log_msg('@ aborted'); } tui.switch_mode('play'); @@ -1455,20 +1555,21 @@ tui.inputEl.addEventListener('keydown', (event) => { } tui.inputEl.value = ""; tui.switch_mode('edit'); - } else if (tui.mode.name == 'command_thing' && event.key == 'Enter') { - if (tui.task_action_on('command')) { - server.send(['TASK:COMMAND', tui.inputEl.value]); - tui.inputEl.value = ""; - } - } else if (tui.mode.name == 'take_thing' && event.key == 'Enter') { - const i = parseInt(tui.inputEl.value); - if (isNaN(i) || i < 0 || i >= tui.selectables.length) { - tui.log_msg('? invalid index, aborted'); + } else if (tui.mode.name == 'enter_hat' && event.key == 'Enter') { + if (tui.inputEl.value.length != 18) { + tui.log_msg('? wrong input length, aborting'); } else { - server.send(['TASK:PICK_UP', tui.selectables[i][0]]); + server.send(['PLAYER_HAT', tui.inputEl.value]); } tui.inputEl.value = ""; - tui.switch_mode('play'); + tui.switch_mode('edit'); + } else if (tui.mode.name == 'command_thing' && event.key == 'Enter') { + server.send(['TASK:COMMAND', tui.inputEl.value]); + tui.inputEl.value = ""; + } else if (tui.mode.name == 'take_thing' && event.key == 'Enter') { + tui.pick_selectable('PICK_UP'); + } else if (tui.mode.name == 'drop_thing' && event.key == 'Enter') { + tui.pick_selectable('DROP'); } else if (tui.mode.name == 'control_pw_pw' && event.key == 'Enter') { if (tui.inputEl.value.length == 0) { tui.log_msg('@ aborted'); @@ -1547,16 +1648,14 @@ tui.inputEl.addEventListener('keydown', (event) => { } else if (tui.mode.name == 'play') { if (tui.mode.mode_switch_on_key(event)) { null; - } else if (event.key === tui.keys.drop_thing && tui.task_action_on('drop_thing')) { - server.send(["TASK:DROP"]); } else if (event.key === tui.keys.consume && tui.task_action_on('consume')) { server.send(["TASK:INTOXICATE"]); } else if (event.key === tui.keys.door && tui.task_action_on('door')) { 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 === tui.keys.spin && tui.task_action_on('spin')) { + server.send(["TASK:SPIN"]); } 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) { @@ -1591,6 +1690,8 @@ tui.inputEl.addEventListener('keydown', (event) => { server.send(['TASK:MOVE', tui.movement_keys[event.key]]); } else if (event.key === tui.keys.flatten && tui.task_action_on('flatten')) { server.send(["TASK:FLATTEN_SURROUNDINGS", tui.password]); + } else if (event.key === tui.keys.install && tui.task_action_on('install')) { + server.send(["TASK:INSTALL", tui.password]); } else if (event.key == tui.keys.toggle_map_mode) { tui.toggle_map_mode(); } @@ -1622,30 +1723,21 @@ for (let key_selector of key_selectors) { }, false); } window.setInterval(function() { - if (server.connected) { + if (server.websocket.readyState == 1) { server.send(['PING']); - } else { + } else if (server.websocket.readyState != 0) { server.reconnect_to(server.url); tui.log_msg('@ attempting reconnect …') } -}, 5000); +}, 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') { + const scroll_x = window.scrollX; + const scroll_y = window.scrollY; + tui.inputEl.focus(); + window.scrollTo(scroll_x, scroll_y); }; - 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(); -}; document.getElementById("help").onclick = function() { tui.show_help = true; tui.full_refresh(); @@ -1664,9 +1756,6 @@ document.getElementById("toggle_map_mode").onclick = function() { tui.toggle_map_mode(); tui.full_refresh(); }; -document.getElementById("drop_thing").onclick = function() { - server.send(['TASK:DROP']); -}; document.getElementById("flatten").onclick = function() { server.send(['TASK:FLATTEN_SURROUNDINGS', tui.password]); }; @@ -1682,19 +1771,31 @@ document.getElementById("install").onclick = function() { document.getElementById("wear").onclick = function() { server.send(['TASK:WEAR']); }; +document.getElementById("spin").onclick = function() { + server.send(['TASK:SPIN']); +}; 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")) { - 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); + } };
  • - + - +
    + +