cols: <input id="n_cols" type="number" step=4 min=20 value=80 />
</div>
<pre id="terminal" style="display: inline-block;"></pre>
-<textarea id="input" style="opacity: 1; width: 10px;"></textarea>
+<textarea id="input" style="opacity: 0; width: 0px;"></textarea>
<script>
"use strict";
let websocket_location = "ws://localhost:8000";
+let wasd_selector = document.getElementById("WASD_selector");
+let rows_selector = document.getElementById("n_rows");
+let cols_selector = document.getElementById("n_cols");
+
let terminal = {
- rows: 24,
- cols: 80,
foreground: 'white',
background: 'black',
initialize: function() {
+ this.rows = rows_selector.value;
+ this.cols = cols_selector.value;
this.pre_el = document.getElementById("terminal");
this.pre_el.style.color = this.foreground;
this.pre_el.style.backgroundColor = this.background;
}
},
}
+terminal.initialize();
let parser = {
tokenize: function(str) {
turn: 0,
map: "",
map_size: [0,0],
- player_id: 0
+ player_id: -1
}
-terminal.initialize();
tui.init();
tui.full_refresh();
}
}, false);
-let wasd_selector = document.getElementById("WASD_selector");
wasd_selector.addEventListener('input', function() {
if (wasd_selector.value == 'w, a, s, d') {
tui.key_up = 'w';
};
tui.movement_keys_desc = wasd_selector.value;
}, false);
-let rows_selector = document.getElementById("n_rows");
rows_selector.addEventListener('input', function() {
- terminal.rows = rows_selector.value;
terminal.initialize();
tui.full_refresh();
}, false);
-let cols_selector = document.getElementById("n_cols");
cols_selector.addEventListener('input', function() {
- terminal.cols = cols_selector.value;
terminal.initialize();
tui.window_width = terminal.cols / 2,
tui.full_refresh();