X-Git-Url: https://plomlompom.com/repos/berlin_corona.txt?a=blobdiff_plain;f=rogue_chat.html;h=5338e9daf323f1f8aef596ea5634407d2182d391;hb=c3ada0bf213337ff2c97e2f33bbf6e6dbedaea38;hp=47bf58d3aa4c937dfe5b078a6a161c25349ccd16;hpb=dfe8541633da35717021f06839d1a386481c95f1;p=plomrogue2 diff --git a/rogue_chat.html b/rogue_chat.html index 47bf58d..5338e9d 100644 --- a/rogue_chat.html +++ b/rogue_chat.html @@ -54,6 +54,7 @@ terminal rows: + @@ -71,7 +72,7 @@ terminal rows: - + @@ -101,13 +102,14 @@ terminal rows:
  • flatten surroundings:
  • teleport:
  • spin: +
  • dance:
  • open/close:
  • consume:
  • install:
  • (un-)wear:
  • -
  • +
  • @@ -174,13 +176,13 @@ let mode_helps = { }, 'enter_face': { 'short': 'edit face', - 'intro': '@ enter face line (enter nothing to abort):', + 'intro': '@ enter face line:', '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. Eat cookies to extend the ASCII characters available for drawing.' }, - 'enter_hat': { - 'short': 'edit 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..' + 'enter_design': { + 'short': 'edit design', + 'intro': '@ enter design:', + 'long': 'Enter design for carried thing as ASCII art.' }, 'write': { 'short': 'edit tile', @@ -262,6 +264,7 @@ let key_descriptions = { 'install': '(un-)install', 'wear': '(un-)wear', 'spin': 'spin', + 'dance': 'dance', 'toggle_map_mode': 'toggle map view', 'toggle_tile_draw': 'toggle protection character drawing', 'hex_move_upleft': 'up-left', @@ -508,6 +511,9 @@ let server = { } else if (tokens[0] === 'THING_HAT') { let t = game.get_thing_temp(tokens[1]); t.hat = tokens[2]; + } else if (tokens[0] === 'THING_DESIGN') { + let t = game.get_thing_temp(tokens[1]); + t.design = [parser.parse_yx(tokens[2]), tokens[3]]; } else if (tokens[0] === 'THING_CHAR') { let t = game.get_thing_temp(tokens[1]); t.thing_char = tokens[2]; @@ -707,7 +713,7 @@ let tui = { 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_enter_design: new Mode('enter_design', true), mode_admin_enter: new Mode('admin_enter', true), mode_admin: new Mode('admin'), mode_control_pw_pw: new Mode('control_pw_pw', true), @@ -724,6 +730,7 @@ let tui = { 'command': 'COMMAND', 'consume': 'INTOXICATE', 'spin': 'SPIN', + 'dance': 'DANCE', }, offset: [0,0], map_lines: [], @@ -735,18 +742,18 @@ let tui = { 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", - "wear", "spin"]; + "wear", "spin", "dance"]; 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", "control_tile_type", "chat", "study", "play", "edit"] - this.mode_admin.available_actions = ["move"]; + this.mode_admin.available_actions = ["move", "toggle_map_mode"]; this.mode_control_tile_draw.available_modes = ["admin_enter"] 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", "enter_hat"] + "enter_design", "password", "chat", "study", + "play", "admin_enter", "enter_face"] this.mode_edit.available_actions = ["move", "flatten", "install", "toggle_map_mode"] this.inputEl = document.getElementById("input"); @@ -809,15 +816,16 @@ let tui = { || !game.player.carrying.commandable)) { return fail('not carrying anything commandable'); } else if (mode_name == 'name_thing' && !game.player.carrying) { - return fail('not carrying anything to re-name'); + return fail('not carrying anything to re-name', 'edit'); } else if (mode_name == 'admin_thing_protect' && !game.player.carrying) { return fail('not carrying anything to protect') } else if (mode_name == 'take_thing' && game.player.carrying) { return fail('already carrying something'); } else if (mode_name == 'drop_thing' && !game.player.carrying) { return fail('not carrying anything droppable'); - } else if (mode_name == 'enter_hat' && !game.player.hat) { - return fail('not wearing hat to edit', 'edit'); + } else if (mode_name == 'enter_design' && (!game.player.carrying + || !game.player.carrying.design)) { + return fail('not carrying designable to edit', 'edit'); } if (mode_name == 'admin_enter' && this.is_admin) { mode_name = 'admin'; @@ -887,7 +895,6 @@ let tui = { directed_moves['DOWNRIGHT'] = [1, 0]; } } - console.log(directed_moves); let select_range = {}; for (const direction in directed_moves) { const move = directed_moves[direction]; @@ -925,8 +932,17 @@ let tui = { for (let [i, direction] of this.selectables.entries()) { this.log_msg(i + ': ' + direction); }; - } else if (this.mode.name == 'enter_hat') { - this.log_msg('legal characters: ' + game.players_hat_chars); + } else if (this.mode.name == 'enter_design') { + 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']); } else if (this.mode.name == 'control_pw_pw') { @@ -967,14 +983,15 @@ let tui = { if (game.player.carrying && game.player.carrying.protection) { this.inputEl.value = game.player.carrying.protection; } - } else if (['enter_face', 'enter_hat'].includes(this.mode.name)) { + } else if (this.mode.name == 'enter_face') { const start = this.ascii_draw_stage * 6; const end = (this.ascii_draw_stage + 1) * 6; - if (this.mode.name == 'enter_face') { - this.inputEl.value = game.player.face.slice(start, end); - } else if (this.mode.name == 'enter_hat') { - this.inputEl.value = game.player.hat.slice(start, end); - } + this.inputEl.value = game.player.face.slice(start, end); + } else if (this.mode.name == 'enter_design') { + const width = game.player.carrying.design[0][1]; + const start = this.ascii_draw_stage * width; + const end = (this.ascii_draw_stage + 1) * width; + this.inputEl.value = game.player.carrying.design[1].slice(start, end); } }, recalc_input_lines: function() { @@ -1064,23 +1081,55 @@ let tui = { this.inputEl.value = ""; this.switch_mode('play'); }, - enter_ascii_art: function(command) { - if (this.inputEl.value.length != 6) { - this.log_msg('? wrong input length, must be 6; try again'); - return; - } - this.log_msg(' ' + this.inputEl.value); - this.full_ascii_draw += this.inputEl.value; - this.ascii_draw_stage += 1; - if (this.ascii_draw_stage < 3) { - this.restore_input_values(); - } 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) { @@ -1191,34 +1240,34 @@ 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, ' _[ @' + 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 > 6) { + 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(0, this.window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help); + terminal.write(1, this.window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help); }, draw_stats_line: function(n) { - terminal.write(1, this.window_width, + terminal.write(0, this.window_width, 'ENERGY: ' + game.energy + ' BLADDER: ' + game.bladder_pressure); }, @@ -1478,22 +1527,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 += "THING: " + this.get_thing_info(t); - let protection = t.protection; - if (protection == '.') { - 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, 6) + '\n'; - info_to_cache += t.face.slice(6, 12) + '\n'; - info_to_cache += t.face.slice(12, 18) + '\n'; - } + info_to_cache += this.get_thing_info(t, true); } } let terrain_char = game.map[position_i] @@ -1501,12 +1535,12 @@ let explorer = { if (game.terrains[terrain_char]) { terrain_desc = game.terrains[terrain_char]; }; - info_to_cache += 'TERRAIN: "' + terrain_char + '" / ' + terrain_desc + "\n"; + info_to_cache += 'TERRAIN: "' + terrain_char + '" (' + terrain_desc; let protection = game.map_control[position_i]; - if (protection == '.') { - protection = 'unprotected'; + if (protection != '.') { + info_to_cache += '/protection:' + protection; }; - info_to_cache += 'PROTECTION: ' + protection + '\n'; + info_to_cache += ')\n'; if (this.position in game.portals) { info_to_cache += "PORTAL: " + game.portals[this.position] + "\n"; } @@ -1517,17 +1551,65 @@ 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 = t.type_ + " / " + 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; }; if (t.name_) { - info += " (" + t.name_ + ")"; + info += ": " + t.name_; } + info += ' (' + t.type_; if (t.installed) { - info += " / installed"; + info += "/installed"; + } + if (t.type_ == 'Bottle') { + if (t.thing_char == '_') { + info += '/empty'; + } else if (t.thing_char == '~') { + info += '/full'; + } + } + if (detailed) { + 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.design) { + const line_length = t.design[0][1]; + info += '-'.repeat(line_length + 4) + '\n'; + console.log(line_length) + 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; }, @@ -1591,9 +1673,17 @@ tui.inputEl.addEventListener('keydown', (event) => { server.send(['LOGIN', tui.inputEl.value]); tui.inputEl.value = ""; } else if (tui.mode.name == 'enter_face' && event.key == 'Enter') { - tui.enter_ascii_art('PLAYER_FACE'); - } else if (tui.mode.name == 'enter_hat' && event.key == 'Enter') { - tui.enter_ascii_art('PLAYER_HAT'); + tui.enter_ascii_art('PLAYER_FACE', 3, 6); + } else if (tui.mode.name == 'enter_design' && event.key == 'Enter') { + 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 = ""; @@ -1686,6 +1776,8 @@ tui.inputEl.addEventListener('keydown', (event) => { server.send(["TASK:WEAR"]); } else if (event.key === tui.keys.spin && tui.task_action_on('spin')) { server.send(["TASK:SPIN"]); + } else if (event.key === tui.keys.dance && tui.task_action_on('dance')) { + server.send(["TASK:DANCE"]); } 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) { @@ -1710,6 +1802,8 @@ tui.inputEl.addEventListener('keydown', (event) => { } else if (tui.mode.name == 'admin') { if (tui.mode.mode_switch_on_key(event)) { null; + } else if (event.key == tui.keys.toggle_map_mode) { + tui.toggle_map_mode(); } else if (event.key in tui.movement_keys && tui.task_action_on('move')) { server.send(['TASK:MOVE', tui.movement_keys[event.key]]); }; @@ -1762,7 +1856,10 @@ window.setInterval(function() { }, 1000); window.setInterval(function() { 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); }; }, 100); document.getElementById("help").onclick = function() { @@ -1801,6 +1898,9 @@ document.getElementById("wear").onclick = function() { document.getElementById("spin").onclick = function() { server.send(['TASK:SPIN']); }; +document.getElementById("dance").onclick = function() { + server.send(['TASK:DANCE']); +}; document.getElementById("teleport").onclick = function() { game.teleport(); };