X-Git-Url: https://plomlompom.com/repos/?a=blobdiff_plain;f=rogue_chat.html;h=d6a86e096dbada3c123e0c953981ea99b737b34a;hb=HEAD;hp=f9a6a01c6b20f5405a4648c12f3ccb081199511a;hpb=fb52d96afadba85295054b18eec101b2665c1278;p=plomrogue2 diff --git a/rogue_chat.html b/rogue_chat.html index f9a6a01..d6a86e0 100644 --- a/rogue_chat.html +++ b/rogue_chat.html @@ -465,6 +465,7 @@ let server = { this.websocket.onopen = function(event) { game.thing_types = {}; game.terrains = {}; + tui.is_admin = false; server.send(['TASKS']); server.send(['TERRAINS']); server.send(['THING_TYPES']); @@ -577,8 +578,6 @@ let server = { this.send(['GET_GAMESTATE']); tui.switch_mode('post_login_wait'); tui.log_msg('@ welcome!') - tui.log_msg('@ hint: see top of terminal for how to get help.') - tui.log_msg('@ hint: enter study mode to understand your environment.') } else if (tokens[0] === 'DEFAULT_COLORS') { terminal.set_default_colors(); } else if (tokens[0] === 'RANDOM_COLORS') { @@ -686,7 +685,6 @@ let tui = { log: [], input_prompt: '> ', input_lines: [], - window_width: terminal.cols / 2, height_turn_line: 1, height_mode_line: 1, height_input: 1, @@ -739,6 +737,7 @@ let tui = { selectables: [], draw_face: false, init: function() { + this.reset_screen_size(); this.mode_play.available_modes = ["chat", "study", "edit", "admin_enter", "command_thing", "take_thing", "drop_thing"] this.mode_play.available_actions = ["move", "teleport", "door", "consume", @@ -762,6 +761,10 @@ let tui = { this.height_header = this.height_turn_line + this.height_mode_line; this.init_keys(); }, + reset_screen_size: function() { + this.left_window_width = Math.min(52, terminal.cols / 2); + this.right_window_width = terminal.cols - tui.left_window_width; + }, init_keys: function() { document.getElementById("move_table").hidden = true; this.keys = {}; @@ -812,6 +815,8 @@ let tui = { } this.draw_face = false; this.tile_draw = false; + this.ascii_draw_stage = 0; + this.full_ascii_draw = ''; if (mode_name == 'command_thing' && (!game.player.carrying || !game.player.carrying.commandable)) { return fail('not carrying anything commandable'); @@ -933,12 +938,15 @@ let tui = { this.log_msg(i + ': ' + direction); }; } else if (this.mode.name == 'enter_design') { - this.log_msg('@ The design you enter must be ' - + game.player.carrying.design[0][0] + ' lines of max ' - + game.player.carrying.design[0][1] + ' characters width each'); if (game.player.carrying.type_ == 'Hat') { + this.log_msg('@ The design you enter must be ' + + game.player.carrying.design[0][0] + ' lines of max ' + + game.player.carrying.design[0][1] + ' characters width each'); this.log_msg('@ Legal characters: ' + game.players_hat_chars); this.log_msg('@ (Eat cookies to extend the ASCII characters available for drawing.)'); + } else { + this.log_msg('@ Width of first line determines maximum width for remaining design') + this.log_msg('@ Finish design by entering an empty line (multiple space characters do not count as empty)') } } else if (this.mode.name == 'command_thing') { server.send(['TASK:COMMAND', 'HELP']); @@ -994,7 +1002,7 @@ let tui = { recalc_input_lines: function() { if (this.mode.has_input_prompt) { let _ = null; - [this.input_lines, _] = this.msg_into_lines_of_width(this.input_prompt + this.inputEl.value + '█', this.window_width); + [this.input_lines, _] = this.msg_into_lines_of_width(this.input_prompt + this.inputEl.value + '█', this.right_window_width); } else { this.input_lines = []; } @@ -1078,31 +1086,55 @@ let tui = { this.inputEl.value = ""; this.switch_mode('play'); }, - enter_ascii_art: function(command, height, width, with_pw=false) { - if (this.inputEl.value.length > width) { - this.log_msg('? wrong input length, must be max ' + width + '; try again'); - return; - } else if (this.inputEl.value.length < width) { - while (this.inputEl.value.length < width) { - this.inputEl.value += ' '; - } - } - this.log_msg(' ' + this.inputEl.value); - this.full_ascii_draw += this.inputEl.value; - this.ascii_draw_stage += 1; - if (this.ascii_draw_stage < height) { - this.restore_input_values(); - } else { - if (with_pw) { - server.send([command, this.full_ascii_draw, this.password]); - } else { - server.send([command, this.full_ascii_draw]); - } - this.full_ascii_draw = ''; - this.ascii_draw_stage = 0; - this.inputEl.value = ''; - this.switch_mode('edit'); - } + enter_ascii_art: function(command, height, width, with_pw=false, with_size=false) { + if (with_size && this.ascii_draw_stage == 0) { + width = this.inputEl.value.length; + if (width > 36) { + this.log_msg('? wrong input length, must be max 36; try again'); + return; + } + if (width != game.player.carrying.design[0][1]) { + game.player.carrying.design[1] = ''; + game.player.carrying.design[0][1] = width; + } + } else if (this.inputEl.value.length > width) { + this.log_msg('? wrong input length, must be max ' + width + '; try again'); + return; + } + this.log_msg(' ' + this.inputEl.value); + if (with_size && ['', ' '].includes(this.inputEl.value) && this.ascii_draw_stage > 0) { + height = this.ascii_draw_stage; + } else { + if (with_size) { + height = this.ascii_draw_stage + 2; + } + while (this.inputEl.value.length < width) { + this.inputEl.value += ' '; + } + this.full_ascii_draw += this.inputEl.value; + } + if (with_size) { + game.player.carrying.design[0][0] = height; + } + this.ascii_draw_stage += 1; + if (this.ascii_draw_stage < height) { + this.restore_input_values(); + } else { + if (with_pw && with_size) { + server.send([command + '_SIZE', + unparser.to_yx(game.player.carrying.design[0]), + this.password]); + } + if (with_pw) { + server.send([command, this.full_ascii_draw, this.password]); + } else { + server.send([command, this.full_ascii_draw]); + } + this.full_ascii_draw = ''; + this.ascii_draw_stage = 0; + this.inputEl.value = ''; + this.switch_mode('edit'); + } }, draw_map: function() { if (!game.turn_complete && this.map_lines.length == 0) { @@ -1185,7 +1217,7 @@ let tui = { }; }; } - let window_center = [terminal.rows / 2, this.window_width / 2]; + let window_center = [terminal.rows / 2, this.left_window_width / 2]; 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]]; @@ -1202,45 +1234,79 @@ let tui = { let map_y = Math.max(0, this.offset[0]); let map_x = Math.max(0, this.offset[1]); for (; term_y < terminal.rows && map_y < this.map_lines.length; term_y++, map_y++) { - let to_draw = this.map_lines[map_y].slice(map_x, this.window_width + this.offset[1]); + let to_draw = this.map_lines[map_y].slice(map_x, this.left_window_width + this.offset[1]); terminal.write(term_y, term_x, to_draw); } }, + draw_names: function() { + let players = []; + for (const thing_id in game.things) { + let t = game.things[thing_id]; + if (t.type_ == 'Player') { + players.push(t); + } + }; + function compare(a, b) { + if (a.name_.length > b.name_.length) { + return -1; + } else if (a.name_.length < b.name_.length) { + return 1; + } else { + return 0; + } + } + players.sort(compare); + const shrink_offset = Math.max(0, (terminal.rows - tui.left_window_width / 2) / 2); + let y = 0; + for (const player of players) { + let name = player.name_; + const offset_y = y - shrink_offset; + const max_len = Math.max(5, (tui.left_window_width / 2) - (offset_y * 2) - 8); + if (name.length > max_len) { + name = name.slice(0, max_len - 1) + '…'; + } + terminal.write(y, 0, '@' + player.thing_char + ':' + name); + y += 1; + if (y >= terminal.rows) { + break; + } + } + }, 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; - } + const start_x = tui.left_window_width - 10; 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 - 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); + draw_body_part(t.face, terminal.rows - 3); } if (t.hat) { - draw_body_part(t.hat, terminal.rows - 5); + draw_body_part(t.hat, terminal.rows - 6); + } + terminal.write(terminal.rows - 2, start_x, '----------'); + let name = t.name_; + if (name.length > 7) { + name = name.slice(0, 6) + '…'; } - terminal.write(terminal.rows - 1, start_x, '| |'); + terminal.write(terminal.rows - 1, start_x, '@' + t.thing_char + ':' + name); }, draw_mode_line: function() { let help = 'hit [' + this.keys.help + '] for help'; if (this.mode.has_input_prompt) { help = 'enter /help for help'; } - terminal.write(1, this.window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help); + terminal.write(1, this.left_window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help); }, draw_stats_line: function(n) { - terminal.write(0, this.window_width, + terminal.write(0, this.left_window_width, 'ENERGY: ' + game.energy + ' BLADDER: ' + game.bladder_pressure); }, @@ -1250,7 +1316,7 @@ let tui = { let y_offset_in_log = 0; for (let line of this.log) { let [new_lines, link_data] = this.msg_into_lines_of_width(line, - this.window_width) + this.right_window_width) log_display_lines = log_display_lines.concat(new_lines); for (const y in link_data) { const rel_y = y_offset_in_log + parseInt(y); @@ -1265,7 +1331,7 @@ let tui = { for (let y = terminal.rows - 1 - this.height_input; y >= this.height_header && i >= 0; y--, i--) { - terminal.write(y, this.window_width, log_display_lines[i]); + terminal.write(y, this.left_window_width, log_display_lines[i]); } for (const key of Object.keys(log_links)) { if (parseInt(key) <= i) { @@ -1273,13 +1339,13 @@ let tui = { } } let offset = [terminal.rows - this.height_input - log_display_lines.length, - this.window_width]; + this.left_window_width]; this.offset_links(offset, log_links); }, draw_info: function() { const info = "MAP VIEW: " + tui.map_mode + "\n" + explorer.get_info(); - let [lines, link_data] = this.msg_into_lines_of_width(info, this.window_width); - let offset = [this.height_header, this.window_width]; + let [lines, link_data] = this.msg_into_lines_of_width(info, this.right_window_width); + let offset = [this.height_header, this.left_window_width]; for (let y = offset[0], i = 0; y < terminal.rows && i < lines.length; y++, i++) { terminal.write(y, offset[1], lines[i]); } @@ -1288,7 +1354,7 @@ let tui = { draw_input: function() { if (this.mode.has_input_prompt) { for (let y = terminal.rows - this.height_input, i = 0; i < this.input_lines.length; y++, i++) { - terminal.write(y, this.window_width, this.input_lines[i]); + terminal.write(y, this.left_window_width, this.input_lines[i]); } } }, @@ -1319,12 +1385,18 @@ let tui = { } content += this.mode.list_available_modes(); let start_x = 0; + let lines = []; + let _ = undefined; if (!this.mode.has_input_prompt) { - start_x = this.window_width; + start_x = this.left_window_width; this.draw_links = false; + terminal.drawBox(0, start_x, terminal.rows, this.right_window_width); + [lines, _] = this.msg_into_lines_of_width(content, this.right_window_width); + } else { + start_x = 0; + terminal.drawBox(0, start_x, terminal.rows, this.left_window_width); + [lines, _] = this.msg_into_lines_of_width(content, this.left_window_width); } - terminal.drawBox(0, start_x, terminal.rows, this.window_width); - let [lines, _] = this.msg_into_lines_of_width(content, this.window_width); for (let y = 0, i = 0; y < terminal.rows && i < lines.length; y++, i++) { terminal.write(y, start_x, lines[i]); } @@ -1369,8 +1441,11 @@ let tui = { if (this.show_help) { this.draw_help(); } - if (this.draw_face && ['chat', 'play'].includes(this.mode.name)) { - this.draw_face_popup(); + if (['chat', 'play'].includes(this.mode.name)) { + this.draw_names(); + if (this.draw_face) { + this.draw_face_popup(); + } } if (!this.draw_links) { this.links = {}; @@ -1500,7 +1575,7 @@ let explorer = { for (let t_id in game.things) { let t = game.things[t_id]; if (t.position[0] == this.position[0] && t.position[1] == this.position[1]) { - info_to_cache += this.get_thing_info(t); + info_to_cache += this.get_thing_info(t, true); } } let terrain_char = game.map[position_i] @@ -1524,9 +1599,12 @@ let explorer = { this.info_cached = info_to_cache; return this.info_cached; }, - get_thing_info: function(t) { - const symbol = game.thing_types[t.type_]; - let info = '- ' + symbol; + get_thing_info: function(t, detailed=false) { + let info = ''; + if (detailed) { + info += '- '; + } + info += game.thing_types[t.type_]; if (t.thing_char) { info += t.thing_char; }; @@ -1537,34 +1615,48 @@ let explorer = { if (t.installed) { info += "/installed"; } - const protection = t.protection; - if (protection != '.') { - info += '/protection:' + protection; - } - info += ')\n'; - if (t.hat || t.face) { - info += '----------\n'; - } - if (t.hat) { - info += '| ' + t.hat.slice(0, 6) + ' |\n'; - info += '| ' + t.hat.slice(6, 12) + ' |\n'; - info += '| ' + t.hat.slice(12, 18) + ' |\n'; - } - if (t.face) { - info += '| ' + t.face.slice(0, 6) + ' |\n'; - info += '| ' + t.face.slice(6, 12) + ' |\n'; - info += '| ' + t.face.slice(12, 18) + ' |\n'; - info += '----------\n'; + if (t.type_ == 'Bottle') { + if (t.thing_char == '_') { + info += '/empty'; + } else if (t.thing_char == '~') { + info += '/full'; + } } - if (t.design) { - const line_length = t.design[0][1]; - info += '-'.repeat(line_length + 4) + '\n'; - const regexp = RegExp('.{1,' + line_length + '}', 'g'); - const lines = t.design[1].match(regexp); - for (const line of lines) { - info += '| ' + line + ' |\n'; + if (detailed) { + const protection = t.protection; + if (protection != '.') { + info += '/protection:' + protection; + } + info += ')\n'; + if (t.hat || t.face) { + info += '----------\n'; } - info += '-'.repeat(line_length + 4) + '\n'; + if (t.hat) { + info += '| ' + t.hat.slice(0, 6) + ' |\n'; + info += '| ' + t.hat.slice(6, 12) + ' |\n'; + info += '| ' + t.hat.slice(12, 18) + ' |\n'; + } + if (t.face) { + info += '| ' + t.face.slice(0, 6) + ' |\n'; + info += '| ' + t.face.slice(6, 12) + ' |\n'; + info += '| ' + t.face.slice(12, 18) + ' |\n'; + info += '----------\n'; + } + if (t.design) { + const line_length = t.design[0][1]; + info += '-'.repeat(line_length + 4) + '\n'; + let lines = [''] + if (line_length > 0) { + const regexp = RegExp('.{1,' + line_length + '}', 'g'); + lines = t.design[1].match(regexp); + } + for (const line of lines) { + info += '| ' + line + ' |\n'; + } + info += '-'.repeat(line_length + 4) + '\n'; + } + } else { + info += ')'; } return info; }, @@ -1587,7 +1679,7 @@ let explorer = { tui.inputEl.addEventListener('input', (event) => { if (tui.mode.has_input_prompt) { - let max_length = tui.window_width * terminal.rows - tui.input_prompt.length; + let max_length = tui.right_window_width * terminal.rows - tui.input_prompt.length; if (tui.inputEl.value.length > max_length) { tui.inputEl.value = tui.inputEl.value.slice(0, max_length); }; @@ -1630,9 +1722,15 @@ tui.inputEl.addEventListener('keydown', (event) => { } else if (tui.mode.name == 'enter_face' && event.key == 'Enter') { tui.enter_ascii_art('PLAYER_FACE', 3, 6); } else if (tui.mode.name == 'enter_design' && event.key == 'Enter') { - tui.enter_ascii_art('THING_DESIGN', - game.player.carrying.design[0][0], - game.player.carrying.design[0][1], true); + if (game.player.carrying.type_ == 'Hat') { + tui.enter_ascii_art('THING_DESIGN', + game.player.carrying.design[0][0], + game.player.carrying.design[0][1], true); + } else { + tui.enter_ascii_art('THING_DESIGN', + game.player.carrying.design[0][0], + game.player.carrying.design[0][1], true, true); + } } else if (tui.mode.name == 'command_thing' && event.key == 'Enter') { server.send(['TASK:COMMAND', tui.inputEl.value]); tui.inputEl.value = ""; @@ -1786,7 +1884,7 @@ cols_selector.addEventListener('input', function() { } window.localStorage.setItem(cols_selector.id, cols_selector.value); terminal.initialize(); - tui.window_width = terminal.cols / 2, + tui.reset_screen_size(); tui.full_refresh(); }, false); for (let key_selector of key_selectors) {