<!DOCTYPE html>
<html><head>
<style>
+ pre {
+ display: inline-block;
+ }
+ pre a {
+ color: white;
+ }
</style>
</head><body>
<div>
terminal rows: <input id="n_rows" type="number" step=4 min=24 value=24 />
terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 />
</div>
-<pre id="terminal" style="display: inline-block;"></pre>
+<pre id="terminal"></pre>
<textarea id="input" style="opacity: 0; width: 0px;"></textarea>
<div>
-<h3>for mouse players</h3>
+<a href="https://plomlompom.com/repos/?p=plomrogue2;a=summary">source code</a> (includes proper terminal / curses client)
+<h3>button controls for mouse players</h3>
<table style="float: left">
<tr>
- <td><button id="move_upleft">up-left</button></td>
- <td><button id="move_up">up</button></td>
+ <td style="text-align: right"><button id="move_upleft">up-left</button></td>
+ <td style="text-align: center"><button id="move_up">up</button></td>
<td><button id="move_upright">up-right</button></td>
</tr>
<tr>
- <td><button id="move_left">left</button></td>
- <td>MOVE</td>
+ <td style="text-align: right;"><button id="move_left">left</button></td>
+ <td stlye="text-align: center;">move</td>
<td><button id="move_right">right</button></td>
</tr>
<tr>
<td><button id="move_downleft">down-left</button></td>
- <td><button id="move_down">down</button></td>
+ <td style="text-align: center"><button id="move_down">down</button></td>
<td><button id="move_downright">down-right</button></td>
</tr>
</table>
for (let key_selector of key_selectors) {
this.keys[key_selector.id.slice(4)] = key_selector.value;
}
- this.movement_keys = {
- [this.keys.square_move_up]: 'UP',
- [this.keys.square_move_left]: 'LEFT',
- [this.keys.square_move_down]: 'DOWN',
- [this.keys.square_move_right]: 'RIGHT'
- };
- if (game.map_geometry == 'Hex') {
+ if (game.map_geometry == 'Square') {
+ this.movement_keys = {
+ [this.keys.square_move_up]: 'UP',
+ [this.keys.square_move_left]: 'LEFT',
+ [this.keys.square_move_down]: 'DOWN',
+ [this.keys.square_move_right]: 'RIGHT'
+ };
+ document.getElementById("move_upright").hidden = true;
+ document.getElementById("move_upleft").hidden = true;
+ document.getElementById("move_downright").hidden = true;
+ document.getElementById("move_downleft").hidden = true;
+ document.getElementById("move_up").hidden = false;
+ document.getElementById("move_down").hidden = false;
+ } else if (game.map_geometry == 'Hex') {
+ document.getElementById("move_upright").hidden = false;
+ document.getElementById("move_upleft").hidden = false;
+ document.getElementById("move_downright").hidden = false;
+ document.getElementById("move_downleft").hidden = false;
+ document.getElementById("move_up").hidden = true;
+ document.getElementById("move_down").hidden = true;
this.movement_keys = {
[this.keys.hex_move_upleft]: 'UPLEFT',
[this.keys.hex_move_upright]: 'UPRIGHT',
}
document.getElementById("help").disabled = false;
if (this.mode.name == 'play' || this.mode.name == 'study' || this.mode.name == 'control_tile_draw') {
- document.getElementById("move_left").disabled = false;
- document.getElementById("move_right").disabled = false;
- if (game.map_geometry == 'Hex') {
- document.getElementById("move_upleft").disabled = false;
- document.getElementById("move_upright").disabled = false;
- document.getElementById("move_downleft").disabled = false;
- document.getElementById("move_downright").disabled = false;
- } else {
- document.getElementById("move_up").disabled = false;
- document.getElementById("move_down").disabled = false;
+ for (const move_key of document.querySelectorAll('[id^="move_"]')) {
+ move_key.disabled = false;
}
}
if (!this.mode.is_intro && this.mode.name != 'play') {
projects / plomrogue2 / blobdiff