</div>
<pre id="terminal"></pre>
<textarea id="input" style="opacity: 0; width: 0px;"></textarea>
-<div>
-keyboard input/control: <span id="keyboard_control"></span>
-</div>
<h3>button controls for hard-to-remember keybindings</h3>
<table id="move_table" style="float: left">
<tr>
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(',');
} 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);
+ 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.turn_complete = true;
- game.player = game.things[game.player_id];
+ 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.turn_complete = true;
if (tui.mode.name == 'post_login_wait') {
tui.switch_mode('play');
} else {
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') {
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;
function fail(msg, return_mode) {
tui.log_msg('? ' + msg);
terminal.blink_screen();
- this.switch_mode(return_mode);
+ 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)) {
} 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.player.position;
}
},
draw_face_popup: function() {
const t = game.things[this.draw_face];
- if (!t) {
+ 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) {
- const start_x = tui.window_width - 10;
- terminal.write(end_y - 4, start_x, '+--------+');
+ 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 - 1);
+ draw_body_part(t.face, terminal.rows - 2);
}
if (t.hat) {
- draw_body_part(t.hat, terminal.rows - 4);
+ 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';
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 = {};
},
- 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') {
let explorer = {
position: [0,0],
annotations: {},
+ annotations_new: {},
info_cached: false,
move: function(direction) {
let target = game.move(this.position, direction);
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;
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;
- tui.draw_face = false;
if (event.key == 'Enter') {
event.preventDefault();
}
}
}, 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();
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);
+ }
};
</script>
</body></html>
projects / plomrogue2 / blobdiff