minimal editing/evaluation support.

js/pixl/public/trixl.html

@@ -4,6 +4,8 @@
	<title>.trixl</title>
	<meta charset="utf-8" />
	<style>
		body { overflow: hidden; }
		#stage {
			position: absolute;
			top: 0;
@@ -453,13 +455,19 @@
		trixl.speed = { move: 0.1, turn: 0.01 }
		trixl.input = {};
		trixl.input.active = true;
		trixl.input.keys = new Set();
		document.addEventListener("keydown", function(ev) {
			trixl.input.keys.add(ev.keyCode);
			var isPressed = function(keyCode) {
				return trixl.input.keys.has(keyCode);
			}
			if (!trixl.input.active) {
				return;
			}
			if (isPressed(32)) { // space
				if (trixl.step.reqId == null) {
					trixl.start();
@@ -538,5 +546,50 @@
			xhr.send();
		}
	</script>
	<script>
		trixl.ui = {}
		var editor = trixl.ui.editor = document.createElement("textarea");
		trixl.ui.editor.style = "position: absolute; top: 0; right: 0; height: 100%; width: 30%; overflow: hidden; background-color: transparent";
		trixl.ui.editor.style.display = "none";
		document.body.appendChild(trixl.ui.editor);
		editor.onfocus = function() { trixl.input.active = false; }
		editor.onblur = function() { trixl.input.active = true; }
		editor.value = localStorage["org.papill0n.trixl.script"] || "";
		editor.onchange = function() {
			localStorage["org.papill0n.trixl.script"] = editor.value;
		}
		document.addEventListener("keydown", function(ev) {
			if (ev.keyCode == 69) { // e
				if (editor != document.activeElement) {
					if (editor.style.display == "none") {
						editor.style.display = "inherit";
						editor.focus();
					} else {
						editor.style.display = "none";
					}
					ev.preventDefault();
				}
			}
			if (ev.ctrlKey && ev.keyCode == 13) { // ctrl+enter
				if (editor == document.activeElement) {
					var sel = editor.value.substr(editor.selectionStart, editor.selectionEnd);
					eval(sel);
				}
			}
			if (ev.keyCode == 27) { // escape
				if (editor == document.activeElement) {
					editor.style.display = "none";
					editor.blur();
				}
			}
		});
	</script>
</body>
</html>