Add vertical reds and port to webasm again

1 files changed, 16 insertions, 2 deletions

diff --git a/src/index.html.in b/src/index.html.in
index 07bd618..a58354a 100644
--- a/src/index.html.in
+++ b/src/index.html.in
@@ -30,6 +30,7 @@ button {
 // Mirror these in src/all.c
 const INPUT_NONE  = 0;
 const INPUT_CLICK = 1;
+const INPUT_PAUSE_PLAY = 2;
 
 const WASM =
 #include "../build/main.wasm.b64"
@@ -46,6 +47,11 @@ async function main() {
     let ctx     = canvas.getContext("2d");
     let memory  = exports.memory;
 
+	const start = Date.now();
+	function now() {
+		return Date.now() - start;
+	}
+
     function min(a, b) {
         return b<a ? b : a;
     }
@@ -66,8 +72,10 @@ async function main() {
             let op    = ops.subarray(6*i, 6*i+6);
 					const color = new Uint8Array(new Uint32Array(op.subarray(4, 6)).buffer);
 					ctx.fillStyle = `#${color[0].toString(16).padStart(2, "0")}${color[1].toString(16).padStart(2, "0")}${color[2].toString(16).padStart(2, "0")}`;
+					ctx.globalAlpha = color[3] / 255;
 						ctx.fillRect(op[0], op[1], op[2], op[3]);
 					ctx.strokeStyle = `#${color[4].toString(16).padStart(2, "0")}${color[5].toString(16).padStart(2, "0")}${color[6].toString(16).padStart(2, "0")}`;
+					ctx.globalAlpha = color[7] / 255;
 						ctx.strokeRect(op[0], op[1], op[2], op[3]);
         }
     }
@@ -80,14 +88,20 @@ async function main() {
 		const mousex = e.clientX;
 		const mousey = e.clientY;
 		if (e.button == 0) {
-			exports.game_update(INPUT_CLICK, mousex, mousey);
+			exports.game_update(INPUT_CLICK, mousex, mousey, now());
+		}
+	});
+
+	document.addEventListener("keydown", function (e) {
+		if (e.key === " ") {
+			exports.game_update(INPUT_PAUSE_PLAY, 0, 0, now());
 		}
 	});
 
     function animate() {
         // TODO: stop requesting frames when state is static
         requestAnimationFrame(animate);
-        exports.game_update(INPUT_NONE, 0, 0);
+        exports.game_update(INPUT_NONE, 0, 0, now());
         render();
     }
     requestAnimationFrame(animate);