Improve web version

mohd-akram · mohd-akram · commit 654fd7169343 · 2025-10-02T16:49:27.000+04:00
diff --git a/html/index.html b/html/index.html
@@ -1,34 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
     <meta charset="utf-8">
-    <title>C port of Ken Thompson's Space Travel</title>
+    <title>Space Travel</title>
     <style>
-    html, body {
-        margin: 0;
-        padding: 0;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: black;
-    }
-    canvas {
-      display: block;
-      max-width: calc(100% - 40px);
-      max-height: calc(100% - 40px);
-      object-fit: contain;
-      margin: 20px;
-    }
+      body {
+        background: black;
+      }
+      canvas {
+        position: absolute;
+        max-width: 100%;
+        max-height: 100%;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      }
     </style>
-</head>
-<body>
-    <canvas id="canvas" oncontextmenu="event.preventDefault()"></canvas>
-    <script>
-        var Module = {
-            canvas: (function() { return document.getElementById('canvas'); })()
-        };
-    </script>
+  </head>
+  <body>
+    <canvas id="canvas"></canvas>
+    <script>Module = { canvas }</script>
     <script src="st.js"></script>
-</body>
+  </body>
 </html>
diff --git a/st.c b/st.c
@@ -913,10 +913,17 @@ void loop(void)
 	cl = crflg ? "CL" : lanflg ? "L" : " ";
 }
 
-void mainloop(void)
+void main_loop(void)
 {
 	SDL_Event e;
-	static unsigned secs = 0;
+	static unsigned t0 = 0, t;
+
+	t = SDL_GetTicks64();
+
+#ifdef __EMSCRIPTEN__
+	if (t - t0 < 1000/60) return;
+#endif
+
 	if (!quit) {
 		if (SDL_PollEvent(&e)) {
 			if (e.type == SDL_QUIT) quit = true;
@@ -934,26 +941,25 @@ void mainloop(void)
 			return;
 		}
 		contrl(NULL);
-		if (SDL_GetTicks64() / 1000 != secs) show = !show;
-		secs = SDL_GetTicks64() / 1000;
+		if (t/1000 > t0/1000) show = !show;
+		t0 = t;
 		SDL_SetRenderDrawColor(renderer, 0, 0, 0, 255);
 		SDL_RenderClear(renderer);
 		displist();
 		loop();
 		SDL_RenderPresent(renderer);
-		SDL_Delay(1000/60);
 		return;
 	}
 
 	SDL_DestroyRenderer(renderer);
 	SDL_DestroyWindow(window);
 	SDL_Quit();
 
-	#ifdef __EMSCRIPTEN__
+#ifdef __EMSCRIPTEN__
 	emscripten_cancel_main_loop();
-	#else
+#else
 	exit(0);
-	#endif
+#endif
 }
 
 int main(void)
@@ -1012,11 +1018,14 @@ int main(void)
 
 	pbson = SDL_GetKeyboardState(NULL);
 
-	#ifdef __EMSCRIPTEN__
-	emscripten_set_main_loop(mainloop, 0, 1);
-	#else
-	while (1) mainloop();
-	#endif
+#ifdef __EMSCRIPTEN__
+	emscripten_set_main_loop(main_loop, 0, true);
+#else
+	while (1) {
+		main_loop();
+		SDL_Delay(1000/60);
+	}
+#endif
 
 	return 0;
 }
