blur should stop all keys

main.js

@@ -843,6 +843,9 @@ async function main() {
 	window.addEventListener("keyup", (e) => {
 		activeKeys = activeKeys.filter((k) => k !== e.key);
 	});
+	window.addEventListener('blur', () => {
+		activeKeys = []	
+	})
 
 	window.addEventListener(
 		"wheel",
@@ -904,6 +907,7 @@ async function main() {
 		startY = e.clientY;
 		down = 2;
 	});
+
 	canvas.addEventListener("mousemove", (e) => {
 		e.preventDefault();
 		if (down == 1) {
@@ -911,12 +915,15 @@ async function main() {
 			let dx = 5 * (e.clientX - startX) / innerWidth;
 			let dy = 5 * (e.clientY - startY) / innerHeight;
 			let d = 4;
+			
+
 			inv = translate4(inv, 0, 0, d);
-			// inv = translate4(inv,  -x, -y, -z);
-			// inv = translate4(inv,  x, y, z);
 			inv = rotate4(inv, dx, 0, 1, 0);
 			inv = rotate4(inv, -dy, 1, 0, 0);
 			inv = translate4(inv, 0, 0, -d);
+			// let postAngle = Math.atan2(inv[0], inv[10])
+			// inv = rotate4(inv, postAngle - preAngle, 0, 0, 1)
+			// console.log(postAngle)
 			viewMatrix = invert4(inv);
 
 			startX = e.clientX;